<el-table :data="auditListArray" :span-method="objectSpanMethod">
...
</el-table> setTable() {
let spanOneArr = [],
spanTwoArr = [],
concatOne = 0,
concatTwo = 0;
this.auditListArray.forEach((item, index) => {
if (index === 0) {
spanOneArr.push(1);
spanTwoArr.push(1);
} else {
if (item.serialNumber === this.auditListArray[index - 1].serialNumber) { //第一列需合并相同内容的判断条件
spanOneArr[concatOne] += 1;
spanOneArr.push(0);
} else {
spanOneArr.push(1);
concatOne = index;
};
}
});
return {
one: spanOneArr,
two: spanTwoArr
}
},
objectSpanMethod({
row, //当前行
column, //当前列
rowIndex, //当前行号
columnIndex //当前列号
}) {
if( columnIndex === 0) { //第一列相同的合并
const _row = (this.setTable(this.auditListArray).one)[rowIndex];
const _col = _row > 0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
};
}
},
版权声明：本文为qq_16855093原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。