Element table 动态合并单元格处理思路

现在有个需求，我这边获取到一个列表，放到table中，需要把单元格合并一下，如下图。

选配的 行数 不固定，有的是1行，有的可能会有10行。

使用 :span-method="objectSpanMethod" 来处理

1、先给列表循环的时候，给第一项，添加上 一个 rowspan

2、然后使用 row.rowspan 来判断。

// 当前行 row、当前列 column、当前行号 rowIndex、当前列号 columnIndex
// rowspan 行
// colspan 列
const objectSpanMethod = ({
    row,
    column,
    rowIndex,
    columnIndex,
}) => {
    let columnList = [1,2,3,4,5,6,11,12]
    if (row.rowspan && columnList.indexOf(columnIndex) != -1) {
        return {
            rowspan: row.rowspan,
            colspan: 1,
        };
    } else if(columnList.indexOf(columnIndex) != -1){
        return {
            rowspan: 1,
            colspan: 0,
        };
    }
}