需要合并列,并且不确定需要合并多少列的,可以参照如下代码
首先需要再el-table上传入span-method
方法
arraySpan({ row, column, rowIndex, columnIndex }){
if (row.groupName == '汇总' && columnIndex == '0') {
return [0,0]
} else if (row.groupName == '汇总' && columnIndex == '1') {
return [1,2]
} // 这四行是我用来让最后一行的前两列合并的
// 下面的代码是用来合并列的,合并不确定多少列要合并的列
if (columnIndex == '0' && this.dielectricVal != '0') {
// 判断当前行与上一行的mediumId是否相同
if (rowIndex > 0 && row.mediumId === this.tableList[rowIndex - 1].mediumId) {
return {
rowspan: 0, // 与上一行相同的mediumId,设置跨行数为0,即不显示
colspan: 1, // 不进行跨列
};
}
// 查找后续行是否与当前行的mediumId相同
let rowspan = 1;
for (let i = rowIndex + 1; i < this.tableList.length; i++) {
if (this.tableList[i].mediumId === row.mediumId) {
rowspan++;
} else {
break;
}
}
return {
rowspan: rowspan, // 跨行数为相同mediumId的行数
colspan: 1, // 不进行跨列
}
}
},