#yyds干货盘点 【React工作记录一百零一】再次接触老朋友react+ant design table合并单元格 （1）

const dataSource = [
  {
    key: '1',
    name: '胡彦斌',
    age: 32,
    address: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
  },
];
const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '住址',
    dataIndex: 'address',
    key: 'address',
  },
];
<Table dataSource={dataSource} columns={columns} />;

const handleColumn = (columns) => {
    for (let i = 0; i < columns.length; i++) {
      if (columns[i]?.dataIndex == "cuttingName") {
        columns[i].render = data
      } else if (columns[i]?.dataIndex == "colorName") {
        columns[i].render = dataColor
      }
    }
    return columns
  }

const dataColor = (value, row, index) => {
    const obj = {
      children: value,
      props: { rowSpan: 1 },
    }
    if (columns.length > 0) {
      return filterNumData(obj, dataSource, row, index, 'colorName')
    } else {
      return obj
    }
  }

const filterNumData = (obj, arr, record, index, flag) => {
    let length = 0
    if (arr.length > 0) {
      for (let i = index; i < arr.length; i++) {
        if (i === arr.length - 1 && arr.length != 1) {
          if (arr[i - 1][`${flag}`] === record[`${flag}`]) {
            length += 1
            break
          }
        } else {
          if (arr[i][`${flag}`] === record[`${flag}`]) {
            length += 1
          } else {
            break
          }
        }
      }
    }