antd中刷新当前表格时记住选择的页码

在 Ant Design 的 Table 组件中，可以通过以下步骤来实现刷新当前表格时记住选择的页码：

1. 在 Table 组件中添加一个 state，用于保存当前页码：

state = {
  currentPage: 1, // 默认为第一页
}

2. 在 Table 组件的 onChange 回调函数中，更新 state 中的 currentPage：

handleTableChange = (pagination, filters, sorter) => {
  this.setState({
    currentPage: pagination.current,
  });
  // 其他操作
}

3. 在刷新表格时，将 currentPage 作为参数传递给后端接口，以保证刷新后仍然显示当前页码的数据：

refreshTable = () => {
  const { currentPage } = this.state;
  // 调用后端接口，传递 currentPage 参数
  // 更新表格数据
}

这样，在刷新表格后，就可以自动跳转到之前选择的页码，保持用户的操作习惯。

相关问题

antd中protable刷新当前表格时记住选择的页码

在 Ant Design Pro 中，ProTable 组件也可以通过类似的方式来刷新当前表格时记住选择的页码。具体步骤如下：

1. 在 ProTable 组件的 state 中，添加一个 currentPage 状态用于保存当前页码：

state = {
  currentPage: 1, // 默认为第一页
}

2. 在 ProTable 组件的 onChange 回调函数中，更新 currentPage 状态：

handleTableChange = (pagination, filters, sorter) => {
  this.setState({
    currentPage: pagination.current,
  });
  // 其他操作
}

3. 在刷新表格时，将 currentPage 作为参数传递给后端接口，以保证刷新后仍然显示当前页码的数据：

refreshTable = () => {
  const { currentPage } = this.state;
  // 调用后端接口，传递 currentPage 参数
  // 更新表格数据
}

通过以上步骤，就可以实现在 ProTable 组件中刷新当前表格时记住选择的页码。

antd中表格怎么实现选择某一行

在 antd 中表格实现选择某一行，可以通过 `rowSelection` 属性来实现。具体步骤如下：

1. 在表格组件中添加 `rowSelection` 属性，如下所示：

<Table rowSelection={{type: 'radio', onSelect: this.handleSelectRow}} columns={columns} dataSource={data} />

2. 在 `rowSelection` 属性中设置 `type` 为 `'radio'`，表示单选模式，也可以设置为 `'checkbox'`，表示多选模式。

3. 在 `rowSelection` 属性中设置 `onSelect` 回调函数，用于处理选中行的操作，例如：

handleSelectRow = (record, selected, selectedRows) => {
  console.log(record); // 当前选中行的数据
  console.log(selected); // 当前选中行是否被选中
  console.log(selectedRows); // 当前选中的所有行数据
}

这样就可以实现选择某一行的功能了。