jQuery MiniUI

标题: 这样设置列宽，怎么不起作用 [打印本页]

作者: layi 时间: 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
   });

作者: dforce 时间: 2016-8-1 15:55:02

你要按你设置的宽度显示，那么表格上请设置fitColumns="false"
默认的效果是列宽不满表格宽度，自动撑满

作者: layi 时间: 2016-8-1 16:14:02

dforce 发表于 2016-8-1 15:55
你要按你设置的宽度显示，那么表格上请设置fitColumns="false"
默认的效果是列宽不满表格宽度，自动撑满 ...

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

作者: dforce 时间: 2016-8-1 16:23:40

layi 发表于 2016-8-1 16:14
这样设置了之后，表头是整个空白的，什么都没有

[attach]7723[/attach]
<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>

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