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中刷新当前表格时记住选择的页码

在 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的expandable点击不生效

如果antd的ProTable的展开/收起功能（expandable）点击不生效，可以检查以下几点：

1. 确保设置了 `rowKey` 属性，如 `rowKey="id"`，并且数据源的每一项都有唯一的 `id` 值。

2. 确保设置了 `expandable` 属性，并且包含 `onExpand` 回调函数，如：

<ProTable
  expandable={{
    onExpand: (expanded, record) => {
      console.log(expanded, record);
    },
  }}
  // 其他属性
/>

3. 确保表格的每行数据都有一个可展开的内容区域，可以通过在 `columns` 属性中添加 `render` 函数来实现，如：

<ProTable
  columns={[
    {
      title: '姓名',
      dataIndex: 'name',
    },
    {
      title: '年龄',
      dataIndex: 'age',
    },
    {
      title: '操作',
      render: (_, record) => {
        return (
          <div>
            <p>其他信息：{record.info}</p>
          </div>
        );
      },
    },
  ]}
  // 其他属性
/>

如果以上步骤都正确，但还是无法展开/收起表格行，可以尝试升级antd和ProTable的版本，或者查看浏览器控制台是否有报错信息。