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

 

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

 

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

1 2 3 4 5 6 7 8

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

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