JqGrid表頭分組實現

實現表頭分組比較簡單,簡單介紹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 ***
相關文章
相關標籤/搜索