react antd table 多选切换分页保留勾选项

157 阅读1分钟

和elementui 一样,设置rowkey和preserveSelectedRowKeys即可

实现:

image.png

const rowSelection: TableRowSelection<ListItem> = {
  selectedRowKeys,
  onChange: (newSelectedRowKeys) => {
    setSelectedRowKeys(newSelectedRowKeys);
  },
  preserveSelectedRowKeys: true,
  getCheckboxProps: (record: ListItem) => ({
    disabled: record.status !== 0,
  }),
};

重点:preserveSelectedRowKeys和rowkeys