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%,也是可以的啊 ,你把我的代码拷贝过去,在你那边试试

<div id="datagrid1" class="mini-datagrid" style="width:100%;height:280px;"
url="../data/AjaxService.aspx?method=SearchEmployees" idField="id" allowResize="true"
>
<div property="columns">
<div type="indexcolumn" ></div>
<div field="loginname" width="15%" headerAlign="center" allowSort="true">员工帐号</div>
<div field="name" width="35%" headerAlign="center" allowSort="true">姓名</div>
<div field="gender" width="25%" renderer="onGenderRenderer" align="center" headerAlign="center">性别</div>
<div field="createtime" width="25%" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
</div>
</div>

复制代码

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)