jQuery MiniUI

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

多表头如何定义 [复制链接]

Rank: 4

跳转到指定楼层
楼主
发表于 2012-12-10 15:38:36 |只看该作者 |倒序浏览
请教怎么用类似如下的数据格式定义多表头?可以将同一列的几个相邻的单元格合并吗?怎么设置?谢谢!
var columns = [{ "field": "xm0", "width": "100", "headerAlign": "center", "header": "项目" }, { "field": "xm1", "width": "100", "headerAlign": "center", "header": "年计划" }, { "field": "xm2", "width": "100", "headerAlign": "center", "header": "一月" }, { "field": "xm3", "width": "100", "headerAlign": "center", "header": "二月" }, { "field": "xm4", "width": "100", "headerAlign": "center", "header": "三月" }, { "field": "xm5", "width": "100", "headerAlign": "center", "header": "四月" }, { "field": "xm6", "width": "100", "headerAlign": "center", "header": "五月" }, { "field": "xm7", "width": "100", "headerAlign": "center", "header": "六月" }, { "field": "xm8", "width": "100", "headerAlign": "center", "header": "七月" }, { "field": "xm9", "width": "100", "headerAlign": "center", "header": "八月" }, { "field": "xm10", "width": "100", "headerAlign": "center", "header": "九月" }, { "field": "xm11", "width": "100", "headerAlign": "center", "header": "十月" }, { "field": "xm12", "width": "100", "headerAlign": "center", "header": "十一月" }, { "field": "xm13", "width": "100", "headerAlign": "center", "header": "十二月"}];

Rank: 9Rank: 9Rank: 9

沙发
发表于 2012-12-10 15:52:12 |只看该作者
你可以用JS写好多表头,然后设置给表格,比如:
var columns = [
   {header: 'column1',
       columns: [
           {header: 'column2'},
           {header: 'column3'}
       [
   }
]
grid.setColumns(columns);
注意是通过columns子列数组。
详细可以参考:
http://www.miniui.com/demo/#src=datagrid/columngroup.html
HTML的写法跟JS的写法可以轻松转换的。

Archiver|普加软件

GMT+8, 2024-11-27 07:25 , Processed in 1.048121 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部