逻辑为主,方法为辅!
先看下实现的效果
效果图
1、el-table 标签绑定函数方法
:span-method="arraySpanMethod"
2、判断要合并的单元格开始的下标位置,然后占用多少格,将其余没有做判断的删除掉!(如果没太懂这句话,看代码就明白了)
arraySpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 0) { // 第一列(下标为0),所以return[1,1], 占一行,占一列
return [1, 1]
} else if (columnIndex === 1) { // 第二列(下标为1),所以return[1,3], 占一行,占3列
return [1, 3]
} else if (columnIndex === 4) { // 第五列(下标为4),所以return[1,1], 占一行,占1列
return [1, 1]
} else if (columnIndex === 5) { // 第六列(下标为5),所以return[1,2], 占一行,占2列
return [1, 2]
} else { // 这一步一定要有!!!以上判断后单元格会合并,但数据不合并,会向后移,所以需要将不需要的单元格删除掉,return[0,0]
return [0, 0]
}