antd中刷新当前表格时记住选择的页码
时间: 2024-03-26 16:41:58 浏览: 104
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
5星 · 资源好评率100%
在 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 参数
// 更新表格数据
}
```
这样,在刷新表格后,就可以自动跳转到之前选择的页码,保持用户的操作习惯。
阅读全文