Reactjs 如何将自定义分页连接到antd表？

我正试图将自己的自定义分页连接到antd表中，但我做不到

这就是我试图做的

<Table
    columns={columns}
    dataSource={data}
    pagination={false}
/>

这是我在material ui中的自定义分页

<TablePagination
  rowsPerPageOptions={[5, 10, 25]}
  component="div"
  count={data.length}
  rowsPerPage={rowsPerPage}
  page={page}
  onChangePage={this.handleChangePage}
  onChangeRowsPerPage={this.handleChangeRowsPerPage}
/>

---

如何将Material ui链接到antd表分页，经过大量研究，我发现解决方案是禁用antd分页，然后添加我自己的组件，但我找不到的是如何连接组件。

据我所知，没有直接的方法将外部分页连接到antd，我发现使用材料分页的一种方法是更改表本身中的表

datasource

。虽然我不建议您使用这种方法，因为它不是一个合适的解决方案。您可以尝试以下操作之一：

1） 使用antd的简单模式分页组件（），该组件在分页结构方面与material UI非常相似

---

2） 使用

itemRenderer

属性更改antd分页的内部HTML。示例

感谢您的回答，我将继续寻找解决方案，因为antd分页看起来不太美观，我认为有一个解决方案可以解决这个问题issue@sasharomanov我不建议您混合使用两种类型的视图

antd

和

materialui

，因为这会不必要地使事情复杂化。但是，您可以完全自由地按照自己的意愿设计组件，因此我添加了另一种方法，您可以使用该方法更改

antd

pagination的HTML组件