el-table添加属性
:span-method="arraSypanMethod"
data: {
groupNameArr:[],
groupNameIndex:0,
}
遍历数据,合并数目
for (let i = 0; i < data.length; i++) {
if (i === 0) {
debugger;
// 以当前行为基准
this.groupNameArr.push(1);
this.groupNameIndex = 0;
debugger;
} else {
// 判断当前元素与上一元素是否相同
// 类别1
if (data[i].groupName === data[i - 1].groupName) {
this.groupNameArr[this.groupNameIndex] += 1;
this.groupNameArr.push(0);
} else {
this.groupNameArr.push(1);
this.groupNameIndex = i;
}
}
}
那列需要合并 columnIndex
arraySpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 0 ) {
const _row_1 = this.groupNameArr[rowIndex];
const _col_1 = _row_1 > 0 ? 1 : 0;
return {
rowspan: _row_1,
colspan: _col_1,
};
}
else if (columnIndex == 4 ) {
const _row_1 = this.groupNameArr[rowIndex];
const _col_1 = _row_1 > 0 ? 1 : 0;
return {
rowspan: _row_1,
colspan: _col_1,
};
}
},