jqGrid设置三级表头和表头合并

最新推荐文章于 2024-07-15 16:22:12 发布

Tomorrow YE

最新推荐文章于 2024-07-15 16:22:12 发布

阅读量1w

点赞数 2

分类专栏： HTML5前端文章标签：三级表头表头合并 jqGrid

本文链接：https://blog.csdn.net/qq_29301417/article/details/48830335

版权

HTML5前端专栏收录该内容

40 篇文章 1 订阅

订阅专栏

		$(function(){
			$.topuiRender();

			$("#GridId").setGroupHeaders({ 
				useColSpanStyle: true,    //表头是否合并行
				groupHeaders:[ 
					{startColumnName: 'ColumnName1', numberOfColumns: 1, titleText: '二级表头1 '},
					{startColumnName: 'ColumnName2', numberOfColumns: 1, titleText: '二级表头2'},
					{startColumnName: 'ColumnName3', numberOfColumns: 1, titleText: '二级表头3'},
					{startColumnName: 'ColumnName4', numberOfColumns: 2, titleText: '二级表头4'}
				] 
			});
		    jQuery("#jydldlhsGrid").jqGrid("setComplexGroupHeaders",{
		        complexGroupHeaders:[
		            {startColumnName: 'ColumnName5', numberOfColumns: 21, titleText: ' 三级表头1'},
					{startColumnName: 'ColumnName6', numberOfColumns: 5, titleText: '三级表头2'},
					{startColumnName: 'ColumnName7', numberOfColumns: 11, titleText: ' '},//不设值需要给个空字符串
		        ] 
		  });    
		});