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

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

 

        要实现这个功能，其实也不难。通过Jqgrid的setGroupHeaders方法就OK了。具体的参数我就不多说明了，详细的属性可以去官网看看。实现代码如下：

$( "#gridTable" ).jqGrid( 'setGroupHeaders' , {
useColSpanStyle : true , // 没有表头的列是否与表头列位置的空单元格合并
groupHeaders : [ {
startColumnName : 'id' , // 对应colModel中的name
numberOfColumns : 3, // 跨越的列数
titleText : '学生基本信息'
}]
});

        刷新一下页面，应该就能看到效果了。

原创文章，转载请注明： 转载自java开发者

本文链接地址: Jqgrid入门-Jqgrid设置二级表头(六)