reactjs - 将自定义元素添加到 React Table pagination-top

Question

我希望有条件地向我的 React 表添加一个按钮，并将其显示在该PaginationTop部分中行大小选择器的右侧。

该项目目前正在使用 react-table 6.9.2。

目前，该表仅用showPaginationTop作ReactTable在一些自定义 css 之后产生此标头：

随着自定义元素的显示，我正在寻找它显示为：

有谁知道这是否可以在不更改 react-table 源的情况下实现PaginationTop？

标签： reactjsreact-table

Answer 1

我的错，这可以通过这里文档中提到的组件覆盖来完成： https ://github.com/tannerlinsley/react-table/tree/v6#component-overrides

对于我的解决方案，这涉及制作一个新组件并将其设置为默认组件：

Object.assign(ReactTableDefaults, {
  PaginationComponent: Pagination,
...