关于表格列支持百分比问题

myemovie

代码如下：
    <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%这样的数字，有问题。显示一点点出来。

factory

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

width分别是15%,35%,25%,25%
支持百分比的

myemovie

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%;"

factory

myemovie 发表于 2012-11-1 14:46
你的是不是指定了datagrid的宽度？？

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

myemovie

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>
是不是没有指定高度，是这里的问题？可这表格宽度跟高度有什么关系呢？不是太明白，我的表格现在是显示不出数据，但那高度还是保持着，就是原来有数据的地方现在成了空白

factory

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>

复制代码