上一章已經說明了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 :
'學生基本信息'
}]
});
|
刷新一下頁面,應該就能看到效果了。