在材料表和 reactjs 中自定义分页的任何示例答案

【问题标题】：Any Example for custom pagination in material-table and reactjs在材料表和 reactjs 中自定义分页的任何示例
【发布时间】：2019-05-20 04:23:53
【问题描述】：

自定义分页的任何示例？材料表和reactjs。我想将页面大小传递给服务器，并且需要从分页中隐藏第一个和最后一个按钮

【问题讨论】：

标签： pagination material-table

【解决方案1】：

研究这个例子https://material-table.com/#/docs/features/component-overriding，以便更好地理解我将展示的代码：有了这个，您可以直接访问分页组件并自己进行调用。

       `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/#/docs/features/localization。

最好的问候

【讨论】：