實現表頭分組比較簡單,簡單介紹javascript
須要加的js代碼以下:java
$("#jq_table").jqGrid('setGroupHeaders', { useColSpanStyle: true, groupHeaders:[ {startColumnName: 'mode_1', numberOfColumns: 3, titleText: '<center>object 1</center>'}, {startColumnName: 'mode_2', numberOfColumns: 2, titleText: '<center>object 2</center>'}, {startColumnName: 'mode_3', numberOfColumns: 2, titleText: '<center>object 3</center>'}, {startColumnName: 'mode_4', numberOfColumns: 2, titleText: '<center>object 4</center>'}, ], });
startColumnName:從那一列開始spa
numberOfColumns:包含列的個數code
titleText:顯示group頭文本ip
效果圖顯示格式以下:ci
object 1 | object 2 | object 3 | object 4 | |||||
mode_1 | *** | *** | mode_2 | *** | mode_3 | *** | mode_4 | *** |