【问题标题】:How to set up pagination dynamically in ant design table如何在ant design table中动态设置分页
【发布时间】:2021-03-10 00:59:38
【问题描述】:

我有一个 ant design 表,以及一个按页接收用户的服务器的请求,我怎样才能使总计数 ant design 分页不是基于转移到表的用户数组,而是基于总数。即在ant设计表中如何灵活配置分页(动态分页)

【问题讨论】:

  • 你能在codesandbox复制你的代码吗?

标签: reactjs antd


【解决方案1】:

Table 有一个 prop Pagination,你可以用它来设置总和为你想要的值。

您可以使用文档中的Ajax demo 进行测试。

要恢复它看起来像这样:

function Component() {
  const [pagination, setPagination] = useState({});

  function handleTableChange() {

     requestToServer().then((data) => {
       pagination.total = your_value;
       setPagination(pagination);
     }) 
  }
  return (
   <Table
      otherprops
      pagination={pagination}
      onChange={handleTableChange}
   />
  )
}

【讨论】:

    猜你喜欢
    • 2020-10-14
    • 2020-12-04
    • 1970-01-01
    • 2018-08-30
    • 2020-02-10
    • 2020-11-13
    • 1970-01-01
    • 2020-06-15
    • 2019-06-24
    相关资源
    最近更新 更多