我想在表格组件使用 oncell属性合并单元格，参数有record，index，请提供示例

好的，下面是一个示例代码，演示如何在表格组件中使用 oncell 属性合并单元格，具体实现方式如下：

import { Table } from 'antd';

const dataSource = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York Park',
  },
  {
    key: '2',
    name: 'Jim Green',
    age: 42,
    address: 'London Park',
  },
  {
    key: '3',
    name: 'Joe Black',
    age: 32,
    address: 'Sidney Park',
  },
  {
    key: '4',
    name: 'Jim Red',
    age: 32,
    address: 'London Park',
  },
];

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
    render: (text, record, index) => {
      const obj = {
        children: text,
        props: {},
      };
      if (index === 1) {
        obj.props.rowSpan = 2;
      }
      // These two lines are used to merge cells vertically
      if (index === 2 || index === 3) {
        obj.props.rowSpan = 0;
      }
      return obj;
    },
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
];

function App() {
  return (
    <Table
      dataSource={dataSource}
      columns={columns}
      pagination={false}
      onCell={(record, rowIndex) => {
        return {
          onClick: (event) => {}, // 点击行
          onDoubleClick: (event) => {}, // 双击行
          onContextMenu: (event) => {}, // 右键点击行
          onMouseEnter: (event) => {}, // 鼠标移入行
          onMouseLeave: (event) => {}, // 鼠标移出行
          // 这里可以使用 record 和 rowIndex 来进行单元格合并操作
        };
      }}
    />
  );
}

export default App;

在这个示例中，我们在表格的 `columns` 属性中，使用了 `render` 方法对 `Name` 列进行了单元格合并操作，实现了在第二行合并两个单元格的效果。

同时，我们在 `onCell` 属性中，使用了 `record` 和 `rowIndex` 两个参数，来实现单元格的合并操作，具体实现可以根据实际需求进行调整。