Любой пример для пользовательской нумерации страниц в таблице материалов и реагировать

Question

Любой пример для пользовательской нумерации страниц? материал-таблица и реакция. Я хочу передать с и на размер страницы на сервер и мне нужно скрыть первую и последнюю кнопку от подкачки

Answer 1

Придерживайтесь этого примера https://material-table.com/, чтобы лучше понять код, который я покажу: с этим вы можете получить доступ непосредственно к компоненту разбивки на страницы и сделать вызов самостоятельно.,

       `components={{
              Pagination: props => (
                           <TablePagination
                           {...props}
                          rowsPerPageOptions={[5, 10, 20, 30]}
                      rowsPerPage={this.state.numberRowPerPage}
                      count={this.state.totalRow}
                      page={
                        firstLoad
                          ? this.state.pageNumber
                          : this.state.pageNumber - 1
                      }
                      onChangePage={(e, page) =>
                        this.handleChangePage(page + 1)
                      }
                      onChangeRowsPerPage={event => {
                        props.onChangeRowsPerPage(event);
                        this.handleChangeRowPerPage(event.target.value);
                      }}
                    />
                  ),
                        }}`

Таким же образом вы можете изменить текст этих кнопок, пожалуйста, проверьте этот пример https://material-table.com/.

С уважением