效果如下:
代码:
<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 ''},