elementui表格合并

第一步：定义两个变量

data () {
    return {
      spanArr: [],
      positon: 0,
   }
  },

第二部:数据处理函数

rowspan() {
      this.tableData.forEach( (item,index) => {
        if( index === 0) {
          this.spanArr.push(1);
          this.positon = 0;
        } else {
          if(this.tableData[index].id == this.tableData[index-1].id) {
            this.spanArr[this.positon] += 1
            this.spanArr.push(0)
          } else {
            this.spanArr.push(1)
            this.positon = index
          }
        }
      })
    }

第三步:elementui

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

//表格合并
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex < 3) {
        const _row = this.spanArr[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      } 
    },