上一章已经说明了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 : '学生基本信息' }] }); |
刷新一下页面,应该就能看到效果了。