datagrid表头合并

最新推荐文章于 2024-04-10 17:11:01 发布

Carlos_xf

最新推荐文章于 2024-04-10 17:11:01 发布

阅读量449

点赞数

分类专栏：前端文章标签： datagrid 表头合并 easyUI

本文链接：https://blog.csdn.net/Carlos_xf/article/details/97621505

版权

本文介绍了如何在EasyUI的datagrid中进行表头的合并，通过设置rowspan和colspan属性，可以实现跨行和跨列的表头合并，提供了具体的示例代码供参考。

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

datagrid表头合并

rowspan为跨的行数，colspan为跨的列数
例子1：

columns: [[
	{field: 'CC',title: 'CC', align: 'center', rowspan : 2, colspan: 1},
	{field: 'BB',title: 'BB', align: 'center', rowspan : 2, colspan: 1}, 
	{field: 'AA',title: 'AA', align: 'center', rowspan : 1, colspan: 2},
	{field: 'DD',title: 'DD', align: 'center', rowspan : 1, colspan: 2},
            ], [
	{field: 'QQ',title: 'QQ',width: 50, align: 'center', rowspan : 1, colspan: 1},
	{field: 'WW',title: 'WW',width: 50, align: 'center', rowspan : 1, colspan: 1},
	{field: 'SS',title: 'SS',width: 50, align: 'center', rowspan : 1, colspan: 1},
	{field: 'FF',title: 'FF',width: 50, align: 'center', rowspan : 1, colspan: 1}
     ]],

例子2：