{ title: '模板名称',
ellipsis: true,
dataIndex: 'settTariffTemplateName',
key: 'settTariffTemplateName',
align: 'center',
//重点开始
customRender: (text, record, index) => {
const obj = {
children: text !== null ? text : '',
attrs: {},
}
obj.attrs.rowSpan = this.handleTableMerge(text, this.tableData, 'settTariffTemplateName', index)
return obj
},
//重点结束
},
//定义方法
handleTableMerge (text, data, key, index) {
// 上一行该列数据是否一样
if (index !== 0 && text === data[index - 1][key]) {
return 0
}
let rowSpan = 1
// 判断下一行是否相等
for (let i = index + 1; i < data.length; i++) {
if (text !== data[i][key]) {
break
}
rowSpan++
}
return rowSpan
},
ant-design 表格动态行合并
最新推荐文章于 2024-03-31 18:45:27 发布