报错“The columns in a column group are expected to be siblings in the columns array”的解决方法

InfSein

于 2022-11-15 15:43:56 发布

阅读量293

点赞数

文章标签： easyui jquery 前端

本文链接：https://blog.csdn.net/InfSein/article/details/127867073

版权

当使用Jquery EasyUI的DataGrid时，遇到设置columngroup属性的列未相邻导致的错误。问题在于隐藏列（hidden:true）也必须遵循相邻规则。解决方法是调整列的顺序，确保属于同一组的列紧靠在一起。例如，将隐藏的列移到同组的列后面，以保持列组的正确结构。

摘要由CSDN通过智能技术生成

适用于jquery easyui datagrid
报错的原因是，设置了columngroup属性的列必须相邻，包括设置了hidden: true属性的列。调整列顺序即可解决。

修改示例

修改前

columns:[
	{
		text: '列1', datafield: 'test_1', width: '64', align: 'center', cellsalign: 'center', columngroup: 'group_1'
	},
	{
		text: '列2', datafield: 'test_2', width: '64', align: 'center', cellsalign: 'center', hidden: true
	},
	{
		text: '列3', datafield: 'test_3', width: '64', align: 'center', cellsalign: 'center', hidden: true, columngroup: 'group_1'
	}
],
columngroups: [
	{ text: '组1', align: 'center', name: 'group_1' },
	{ text: '组2', align: 'center', name: 'group_2' }
]

修改后

columns:[
	{
		text: '列1', datafield: 'test_1', width: '64', align: 'center', cellsalign: 'center', columngroup: 'group_1'
	},
	{
		text: '列3', datafield: 'test_3', width: '64', align: 'center', cellsalign: 'center', hidden: true, columngroup: 'group_1'
	},
	{
		text: '列2', datafield: 'test_2', width: '64', align: 'center', cellsalign: 'center', hidden: true
	}
],
columngroups: [
	{ text: '组1', align: 'center', name: 'group_1' },
	{ text: '组2', align: 'center', name: 'group_2' }
]