EasyUI中DataGrid构建复合表头

在使用easyui的DataGrid控件时,构建复合表头就显得非常简单了。只需要在使用columns属性时通过数组的方式编写列名即可。如我们需要构建成一个如下的表头:

image

Columns的代码如下:

columns: [[
                    { field: '_id', title: '行号', fixed: true, rowspan:2 },
                    { field: '_j', title: '铁路局', fixed: true, colspan:2 }
                ], [
                    { field: '_id', title: '京局', fixed: true },
                    { field: '_j', title: '哈局', fixed: true }
                ]
]

但是这里需要注意一点:DataGrid在构建复合表头时,合并单元格使用的colspan和rowspan的值一定要是数字,不能是字符。如

{ field: '_cj', title: '侧架', width: 20, colspan: 9 }

而不能是

{ field: '_cj', title: '侧架', width: 20, colspan: ‘9’ }

posted @ 2014-10-27 20:18  占星师  阅读(1062)  评论(0编辑  收藏  举报