js vue elementUi 合并第一行第三列到最后一列

Question

<el-table :span-method="arraySpanMethod">
</el-table>

arraySpanMethod({ row, column, rowIndex, columnIndex }) { 

},

Answer 1

if(rowIndex === 0) {
    // 表示第一行
    if(columnIndex === 2) {
        // 表示第三列
        // 1表示合并行数，8表示合并列数
        return [1,8]
    }
}

Answer 2

jsfiddle 的 demo 链接：https://jsfiddle.net/liangxh/...

 watch: {
      tableData: {
        handler(nv) {
            let tempMergeIndex = [];
            // 处理arr，生成一个与行数相同的数组记录每一行设置的合并数
            for(let i = 0; i < nv.length;i++) {
                tempMergeIndex[i] = i < 2 ? 1 : i === 2 ? nv.length - 2 : 0;
            }
            this.tempIndex = tempMergeIndex;
      },
      deep: true,
      immediate: true
    }
  },
 methods: {
   // 从 tempIndex 获取当前 row 需要合并的行数
      handleSameMerge({row, column, rowIndex, columnIndex}) { 
        if (columnIndex === 0) {
            return {
              rowspan: this.tempIndex[rowIndex],
              colspan: 1
            }
      }       
    }
  }