如果在切换分页时要保留之前选中的数据,您需要使用一个保存选中数据的数组,并在分页切换时更新这个数组。以下是一个示例代码:

import React, { useState } from 'react';
import { Table } from 'antd';

const MyTable = () => {
  const [selectedRows, setSelectedRows] = useState([]);
  
  const rowSelection = {
    selectedRowKeys: selectedRows,
    onChange: (selectedRowKeys, selectedRows) => {
      setSelectedRows(selectedRowKeys);
    },
    selections: [
      Table.SELECTION_ALL,
      Table.SELECTION_INVERT,
      Table.SELECTION_NONE,
    ],
  };
  
  const columns = [
    // 列定义
  ];
  
  const data = [
    // 表格数据
  ];
  
  return (
    <Table
      rowSelection={rowSelection}
      columns={columns}
      dataSource={data}
      pagination={{
        onChange: (page) => {
          // 在分页切换时更新选中数据
          // 您可以根据需要修改如何更新选中数据的逻辑
          setSelectedRows([]);
        },
      }}
    />
  );
};

export default MyTable;

在上面的示例代码中,我们使用 selectedRows 状态来保存选中的数据,然后在 onChange 方法中更新这个状态。在分页切换时,我们使用 paginationonChange 属性来清空选中数据。您可以根据实际需求修改这些逻辑

antd rowSelection设置了selections TableSELECTION_ALL TableSELECTION_INVERT TableSELECTION_NONE全选所有后切换分页也要选中数据

原文地址: https://www.cveoy.top/t/topic/ijXI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录