700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > antva-table中使用rowSpan合并单元格

antva-table中使用rowSpan合并单元格

时间:2023-04-04 23:50:33

相关推荐

antva-table中使用rowSpan合并单元格

效果如下:

代码:

<a-table:columns="columns"bordered:pagination="false":data-source="list":rowClassName="getRowClassName">

{title: '序号1',dataIndex: 'serial',align: 'center',customRender: (record) => {const obj = {children: '合并单元格',attrs: {},}// 计算 行合并数量const count = this.list.reduce((a, b) => {if (b.serial== record.serial) {a++}return a}, 0)// 使用rowSpan合并单元格obj.attrs.rowSpan =record.serial == 1? this.list.reduce((acc, cur) => {if (cur.boxcode == boxcode) {acc++}return acc}, 0): 0return obj},},

只是设置第一个rowSpan就行,其他的设为0

getRowClassName(record) {if (record.serial == this.serial) {return 'class-name'}return ''},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。