要合并的行
通过:span-method="objectSpanMethod_list2"
方法合并
整个方法运行解释:
当表格需要进行合并时、整个渲染方式就发生了变化、之前可以看作以行为单位、一行一行渲染、而当你使用了 :span-method=“objectSpanMethod” 变量后、渲染方式则改为一个单元格一个单元格渲染,即这个方法 objectSpanMethod 需要执行的次数是:列的个数 * 行数。
也就是说、它会按照这样的格式去调用方法:(行值,列结构值,行号,列号),具体例子为:
(row, column, 0, 0)、(row, column, 0, 1)、(row, column, 0, 2)、(row, column, 0, 3)、(row, column, 0, 4)
(row, column, 1, 0)、(row, column, 1, 1)、(row, column, 1, 2)、(row, column, 1, 3)、(row, column, 1, 4)
这里括号中的内容表示每一次调用方法 objectSpanMethod 会传入的参数内容,因为前两个参数是由我们实际值决定的,所以先统一使用变量代替。
具体方法:
objectSpanMethod_list2({ row, column, rowIndex, columnIndex }) {
if([0,1,4].includes(columnIndex)) {
if(rowIndex === 0) {
return {
rowspan: 6, // 2:需要合并的行数(向下合并几行)
colspan: 1 // 1:需要合并的列
};
}else { // 0 代表不展示的行
return {
rowspan: 0,
colspan: 0
};
}
}
}