antd-table单元格合并 相同数据

Ant Design (antd) 的表格组件（Table）提供了一种功能，可以将单元格进行合并，特别是当需要显示相同的数据项，以节省空间或强调某些区域时非常有用。你可以通过`rowKey`属性来指定行的唯一标识，并使用`columns`对象的`render`方法来合并单元格。

例如，如果你想合并所有值为“中国”的单元格，你可以在`render`函数中检查当前单元格的值，如果匹配就返回合并后的文本：

import { Table } from 'antd';

const columns = [
  {
    title: '国家',
    dataIndex: 'country',
    render: ({ country }) => {
      if (country === '中国') {
        return (
          <div style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
            合并后的中国
          </div>
        );
      }
      return country;
    },
    rowKey: 'id', // 这里假设每个对象有一个唯一的'id'
  },
  // 其他列...
];

function MyTable({ data }) {
  return <Table columns={columns} dataSource={data} />;
}

在这个例子中，所有的“中国”都将显示为合并的文字“合并后的中国”，其余不匹配的值则按常规显示。