dataGrid 中设置跨行或跨列，实现数据分组显示

最新推荐文章于 2021-04-22 11:29:42 发布

gr_guhun

最新推荐文章于 2021-04-22 11:29:42 发布

阅读量969

点赞数 1

本文链接：https://blog.csdn.net/gr_guhun/article/details/105774371

版权

dataGrid 中设置跨行或跨列，实现数据分组显示

在dataGrid 实现跨行或跨列显示数据，需要用到属性rowspan和colspan

*在columns中跨列的数据和跨行的数据分开放

 columns: [[{
                title: '活动地点',
                align: 'right',
                colspan: 3
            },{
                field: 'reportState',
                title: '报告状态',
                align: 'center',
                width: 100,
                sortable: false,
                rowspan: 2
            }],[{
                field: 'addrProv',
                title: '省',
                align: 'center',
                width: 100,
                sortable: false
            },{
                field: 'addrCity',
                title: '市',
                align: 'center',
                width: 100,
                sortable: false
            },{
                field: 'addrRegion',
                title: '县/区',
                align: 'center',
                width: 100,
                sortable: false
            }]],

结果
在这里插入图片描述