elementui 合并单元格

//这个方法 重要

mergeCol(id, rowIndex) {
      var idName = this.pageData.records[rowIndex][id]
      if (
        rowIndex === 0 ||
        this.pageData.records[rowIndex][id] !=
          this.pageData.records[rowIndex - 1][id]
      ) {
        var i = rowIndex
        var num = 0
        while (i < this.pageData.records.length) {
          if (this.pageData.records[i][id] === idName) {
            i++
            num++
          } else {
            i = this.pageData.records.length
          }
        }
        return {
          rowspan: num,
          colspan: 1
        }
      } else {
        return {
          rowspan: 0,
          colspan: 1
        }
      }
    }

// 这个方法是 element-ui提供的单元格合并方法

arraySpanMethod({ row, column, rowIndex, columnIndex }) {
      switch (columnIndex) {
        case 0:
          return this.mergeCol('name', rowIndex)
        case 1:
          return this.mergeCol('name', rowIndex)
        case 21:
          return this.mergeCol('name', rowIndex)
      }
    },