Добавьте пользовательские элементы в Reag Table pagination-top

Question

Я ищу условно добавить кнопку в мою таблицу реагирования, чтобы она отображалась справа от селектора размера строки в разделе PaginationTop.

В данный момент проект использует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,
...