jQuery MiniUI

 找回密码
 立即注册
查看: 3778|回复: 5
打印 上一主题 下一主题

关于表格列支持百分比问题 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2012-11-1 13:42:02 |只看该作者 |倒序浏览
本帖最后由 myemovie 于 2012-11-1 14:47 编辑

代码如下:
    <div class="mini-fit" >
        
        <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;"
          idField="id" multiSelect="true"
            sizeList="[5,10,20,50]" pageSize="10"   frozenStartColumn="0" frozenEndColumn="3"
        >
            <div property="columns">
                <div type="indexcolumn"></div>        
                <div name="action" width="200" headerAlign="center" allowSort="true">联系人名称</div>   
                <div field="kh_name" width="200" headerAlign="center" allowSort="true">客户名称</div>   
                <div field="phone" width="200" headerAlign="center" allowSort="true">电话</div>
                <div field="address" width="320" headerAlign="center" allowSort="true">地址</div>
               
            </div>
        </div>
    </div>
             width属性看似只支持具体的数字,不支持百分比,请问可以支持百分比吗,如果改?我直接改成20%这样的数字,有问题。显示一点点出来。

Rank: 8Rank: 8

沙发
发表于 2012-11-1 14:02:52 |只看该作者

width分别是5%,45%,25%,25%

width分别是15%,35%,25%,25%
支持百分比的
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 3Rank: 3

板凳
发表于 2012-11-1 14:46:40 |只看该作者
factory 发表于 2012-11-1 14:02
width分别是5%,45%,25%,25%

width分别是15%,35%,25%,25%

你的是不是指定了datagrid的宽度??<div id="datagrid1" class="mini-datagrid" style="width:700px;height:280px;"
我的是没有指定宽度,而是100%宽度的,所以显示不了呢,请问我的如何处理呢,我刚又试了一次还是不行呢。什么都显示不了了。
<div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;"

Rank: 8Rank: 8

地板
发表于 2012-11-1 14:57:23 |只看该作者
myemovie 发表于 2012-11-1 14:46
你的是不是指定了datagrid的宽度??

你的datagrid外层元素的高度给了没?
比如body或者外层div的.
百分比是根据父容器来决定,如果父容器没有给定高度,那么你设置100%也是没用的
body,html{
height:100%;
width:100%;
margin:0;padding:0;
}

Rank: 3Rank: 3

5#
发表于 2012-11-1 15:29:46 |只看该作者
factory 发表于 2012-11-1 14:57
你的datagrid外层元素的高度给了没?
比如body或者外层div的.
百分比是根据父容器来决定,如果父容器没有给 ...

谢谢,我的外面是这样的:
    <style type="text/css">
    html, body
    {
        font-size:12px;
        padding:0;
        margin:0;
        border:0;
        height:100%;
        overflow:visible;
    }
    </style>
是不是没有指定高度,是这里的问题?可这表格宽度跟高度有什么关系呢?不是太明白,我的表格现在是显示不出数据,但那高度还是保持着,就是原来有数据的地方现在成了空白

Rank: 8Rank: 8

6#
发表于 2012-11-1 15:44:02 |只看该作者
myemovie 发表于 2012-11-1 15:29
谢谢,我的外面是这样的:
   
    html, body


我理解错了,我以为你是高度设置100%,然后表格不显示.
我刚才设置宽度100%,也是可以的啊 ,你把我的代码拷贝过去,在你那边试试
  1. <div id="datagrid1" class="mini-datagrid" style="width:100%;height:280px;"
  2.     url="../data/AjaxService.aspx?method=SearchEmployees"  idField="id" allowResize="true"
  3.    
  4. >
  5.     <div property="columns">
  6.         <div type="indexcolumn" ></div>
  7.         <div field="loginname" width="15%" headerAlign="center" allowSort="true">员工帐号</div>   
  8.         <div field="name" width="35%" headerAlign="center" allowSort="true">姓名</div>                           
  9.         <div field="gender" width="25%" renderer="onGenderRenderer" align="center" headerAlign="center">性别</div>        
  10.         <div field="createtime" width="25%" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>               
  11.     </div>
  12. </div>
复制代码

Archiver|普加软件

GMT+8, 2024-11-27 00:17 , Processed in 1.073432 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部