jQuery MiniUI

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

这样设置列宽,怎么不起作用 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2016-8-1 15:45:49 |只看该作者 |倒序浏览
代码如下,设置列和列宽,怎么不起作用
mini.parse();
var grid = mini.get("datagrid1");
var array  = new  Array();
   
    var xh = {};
    xh.field = "XH";
    xh.header = "序号";
    xh.name = "XH";
    xh.width = "30";
    xh.headerAlign = "center";
    array.push(xh);
   
    var sj = {};
    sj.field = "SJ";
    sj.header = "时间";
    sj.name = "SJ";
    sj.width = "80";
    array.push(sj);
   
    var tjcs = {};
    tjcs.field = "TJCS";
    tjcs.header = "统计参数";
    tjcs.width = "80";
    array.push(tjcs);

grid.set({
         columns: array
     });


Rank: 8Rank: 8

沙发
发表于 2016-8-1 15:55:02 |只看该作者
你要按你设置的宽度显示,那么表格上请设置fitColumns="false"
默认的效果是列宽不满表格宽度,自动撑满

Rank: 2

板凳
发表于 2016-8-1 16:14:02 |只看该作者
dforce 发表于 2016-8-1 15:55
你要按你设置的宽度显示,那么表格上请设置fitColumns="false"
默认的效果是列宽不满表格宽度,自动撑满 ...

这样设置了之后,表头是整个空白的,什么都没有

Rank: 8Rank: 8

地板
发表于 2016-8-1 16:23:40 |只看该作者
layi 发表于 2016-8-1 16:14
这样设置了之后,表头是整个空白的,什么都没有


<div class="mini-datagrid" style="width:300px;height:200px" id="datagrid1" fitColumns="false"></div>

<script type="text/javascript">
      
        mini.parse();
        var grid = mini.get("datagrid1");
        var array = new Array();

        var xh = {};
        xh.field = "XH";
        xh.header = "序号";
        xh.name = "XH";
        xh.width = "30";
        xh.headerAlign = "center";
        array.push(xh);

        var sj = {};
        sj.field = "SJ";
        sj.header = "时间";
        sj.name = "SJ";
        sj.width = "80";
        array.push(sj);

        var tjcs = {};
        tjcs.field = "TJCS";
        tjcs.header = "统计参数";
        tjcs.width = "80";
        array.push(tjcs);

        grid.set({
            columns: array
        });

    </script>
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Archiver|普加软件

GMT+8, 2024-9-30 06:22 , Processed in 1.045681 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部