要完成效果图:
渠道类型那列全部动态合并 elementui里只提供了合并固定的;
template:
<el-table :data="tableData" :span-method="arraySpanMethod" style="width: 100%">
重点在::span-method=“arraySpanMethod”
methods:
arraySpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 0) {
if (rowIndex % this.tableData.length === 0) {
return {
rowspan: this.tableData.length,
colspan: 1
};
} else {
return {
rowspan: 0,
colspan: 0
};
}
}
},
重点:this.tableData.length