table中同一列中合并相同项

实现效果

实现方法：
1.使用table中提供的合并方法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.计算合并项的数目

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.渲染table数据后进行处理使用getMergeObj方法

this.getMergeObj(this.tableData)