JqGrid表头分组实现

时间 2019-11-13

标签 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	*******