elementUI Table的行合并通用方法

有些业务需求是需要table进行行合并的，所以就写了个通用的方法来处理，废话不多说，先上图

首先是内部使用el-table的方法:span-method='objectSpanMethod'

data() {
  return {
    table: [{
      id: '1',
      checkRoom: 'CTROOM',
      checkProject: '颈椎MRICT',
      checkMoney: '300.22',
      attention: '检查前空腹',
      appointmentTime: ''
    },{
      id: '1',
      checkRoom: 'CTROOM',
      checkProject: '颈椎MRICT1',
      checkMoney: '303.22',
      attention: '检查前空腹',
      appointmentTime: ''
    },{
      id: '1',
      checkRoom: 'CTROOM',
      checkProject: '颈椎MRICT22',
      checkMoney: '340.22',
      attention: '检查前空腹',
      appointmentTime: '2019-5-29 10：30'
    },{
      id: '1',
      checkRoom: 'DR',
      checkProject: '鼻骨',
      checkMoney: '500.22',
      attention: '检查前空腹',
      appointmentTime: '2019-5-29 9：30'
    }]
  };
},
created(){
  // 给table赋值，重新遍历新增rowSpan属性，checkRoom，appointmentTime为table里面需要合并的属性名称
  this.table = mergeTableRow(this.table, ['checkRoom', 'appointmentTime'])
},
methods: {
  objectSpanMethod({ row, column, rowIndex, columnIndex }) {
     const span = column['property'] + '-span'
     if(row[span]){
         return row[span]
     }
  }
}

通用合并的方法mergeTableRow

 

内部云开发的，粘不出来代码，没办法

注：由于数据没有进行排序，所以要求后端返回的数据需要相同的在一块，要不会出现行错乱现象