elementUI table 合并最后一行的前几行

Question

elementUI 怎么合并最后一行的前几列。使用了:span-method 函数

会把后面的值往后推

已解决

Answer 1

demo: https://codepen.io/pen

属实不知道你setTimeout是闹哪样。。
也不知道.querySelector DOM 操作是闹哪样。。
是Element 的api不能满足你了吗。。。

<div>
  <el-table
    :data="tableData"
    :span-method="arraySpanMethod"
    border
    style="width: 100%"
  >
    <el-table-column
      prop="id"
      label="ID"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名">
    </el-table-column>
    <el-table-column
      prop="amount1"
      sortable
      label="数值 1">
    </el-table-column>
    <el-table-column
      prop="amount2"
      sortable
      label="数值 2">
    </el-table-column>
    <el-table-column
      prop="amount3"
      sortable
      label="数值 3">
    </el-table-column>
  </el-table>
</div>

 arraySpanMethod({ row, column, rowIndex, columnIndex }) {
    if (rowIndex == 4（合并行是第几行）) {
      if (columnIndex === 0) {
        return [1, 8]; // 第四行第一列 横向合并八个
      } else if (columnIndex < 8) {
        return [0, 0]; // 第四行小于第九列的 全都不显示
      }
    }
  },