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