jQuery MiniUI

标题: 多表头如何定义 [打印本页]

作者: dapang 时间: 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": "十二月"}];

作者: niko 时间: 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的写法可以轻松转换的。

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