Merge the same items in the same column in table

Realization effect

Implementation method ：
1. Use table The consolidation method provided in spanMethod

spanMethod({
     row, column, rowIndex, columnIndex}) {
    
   if (column.property === 'materielName') {
    
     return {
    
       rowspan: this.mergeObj[column.property][rowIndex],
       colspan: 1
     }
   } else {
    
     return {
     rowspan: 1, colspan: 1 }
   }
 },

2. Calculate the number of merged items

getMergeObj (list) {
    
    this.mergeObj = {
    }
    let mack = 0
    for (let key in list[0]) {
    
      this.mergeObj[key] = []
      mack = 0
      list.forEach((item, index) => {
    
        if (index === 0) {
    
          this.mergeObj[key].push(1)
        } else {
    
          if (item[key] === list[index - 1][key] && item[key]) {
    
            this.mergeObj[key][mack] += 1
            this.mergeObj[key].push(0)
          } else {
    
            mack = index
            this.mergeObj[key].push(1)
          }
        }
      })
    }
  }
}

3. Rendering table Data processing and use getMergeObj Method

this.getMergeObj(this.tableData)