jQuery MiniUI

标题: 关于表格列支持百分比问题 [打印本页]

作者: myemovie    时间: 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%这样的数字,有问题。显示一点点出来。


作者: factory    时间: 2012-11-1 14:02:52

[attach]850[/attach]
width分别是5%,45%,25%,25%
[attach]851[/attach]
width分别是15%,35%,25%,25%
支持百分比的

作者: myemovie    时间: 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%;"
作者: factory    时间: 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;
}
作者: myemovie    时间: 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>
是不是没有指定高度,是这里的问题?可这表格宽度跟高度有什么关系呢?不是太明白,我的表格现在是显示不出数据,但那高度还是保持着,就是原来有数据的地方现在成了空白
作者: factory    时间: 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>
复制代码





欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2