ant table 单元格合并时 RowSelection 没有合并

动态合并 rowSelection, 使用 renderCell 来处理 rowSelection 的单元格合并

const [selectedRows, setSelectedRows] = useState<SaleColumnsType[]>([]); // 勾选列表
const rowSelection = {
  // 自定义单元格
  renderCell: (checked: any, record: any, index: number, originNode: any) => {
    return {
      children: originNode, //显示原来的dom显示
      props: { //通过属性的配置来做单元格合并,rowNum 为合并几行
      rowSpan: index % rowNum ? 0 : rowNum,
      },
    };
  },
  //关联rowKey，不关联的话会导致selectedRows清空时仍然是选中的
  selectedRowKeys: selectedRows.map((item) => {
    return item.key;
  }),
  // 设置选中项
  onChange: (__: any, hasSelected: any) => {
    setSelectedRows(hasSelected);
  },
};

<Table rowKey="key" owSelection={rowSelection}></Table>