将自定义元素添加到React Table分页顶部

Question

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

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

当前，该表仅使用showPaginationTop作为ReactTable组件中的参数，导致在某些自定义css之后出现此标头：

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

有人知道在不更改PaginationTop的反应表源的情况下是否可行？

Answer 1

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

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

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