Jqgrid入门-Jqgrid设置二级表头(六)

上一章已经说明了Jqgrid结合Struts2+json展示数据,这一章主要探讨Jqgrid如何设置二级表头,类似这样的效果。如:

  3
        要实现这个功能,其实也不难。通过Jqgrid的setGroupHeaders方法就OK了。具体的参数我就不多说明了,详细的属性可以去官网看看。实现代码如下:
1
2
3
4
5
6
7
8
$( "#gridTable" ).jqGrid( 'setGroupHeaders' , {
useColSpanStyle : true , // 没有表头的列是否与表头列位置的空单元格合并
groupHeaders : [ {
startColumnName : 'id' , // 对应colModel中的name
numberOfColumns : 3, // 跨越的列数
titleText : '学生基本信息'
}]
});
        刷新一下页面,应该就能看到效果了。

你可能感兴趣的:(jqGrid)