vue element el-table合并列

 

objectSpanMethod({ row, column, rowIndex }) {
        const fields = [
          '订单号',
          '店铺名称',
          '配送',
          '下单日期',
          '下单人',
          '地址',
          '电话',
          '订单状态',
          '操作',
        ]//合并的列
        var datas = this.form.list//列表数据
        var keys = 'orderId'//合并依据
        if (fields.includes(column.label)) {
          const cellValue = row[keys]
          if (cellValue && fields.includes(column.label)) {
            const prevRow = datas[rowIndex - 1]
            let nextRow = datas[rowIndex + 1]
            if (prevRow && prevRow[keys] === cellValue) {
              return { rowspan: 0, colspan: 0 }
            } else {
              // return { rowspan: row.rowspan, colspan: 1 }
              let countRowspan = 1
              while (nextRow && nextRow[keys] === cellValue) {
                nextRow = datas[++countRowspan + rowIndex]
              }
              if (countRowspan > 1) {
                return { rowspan: countRowspan, colspan: 1 }
              }
            }
          }
        }
      },