ant-design 表格动态行合并

{ title: '模板名称',
   ellipsis: true,
   dataIndex: 'settTariffTemplateName',
   key: 'settTariffTemplateName',
   align: 'center',
   //重点开始
   customRender: (text, record, index) => {
     const obj = {
       children: text !== null ? text : '',
       attrs: {},
     }
     obj.attrs.rowSpan = this.handleTableMerge(text, this.tableData, 'settTariffTemplateName', index)
     return obj
   },
   //重点结束
},

//定义方法
  handleTableMerge (text, data, key, index) {
    // 上一行该列数据是否一样
    if (index !== 0 && text === data[index - 1][key]) {
      return 0
    }
    let rowSpan = 1
    // 判断下一行是否相等
    for (let i = index + 1; i < data.length; i++) {
      if (text !== data[i][key]) {
        break
      }
      rowSpan++
    }
    return rowSpan
  },