Question

我是新来反应js的人。我们使用react-table以表格格式显示记录。我面临的问题是分页不起作用。要在react-table中启用分页，请根据说明文件设置道具，即

<ReactTable
   manual
   className="expandableTable -highlight"
   columns={this.props.column}
   data={this.state.data}
   showPagination={true}
   minRow={5}
   defaultSortDesc={true}
   ref={this.props.id}
   defaultPageSize={5}
   multiSort={false}
   ...

任何建议，我在这里想念什么？

Answer 1

尝试将它们添加到您的代码中。并且this.props.onFetch是一个自定义方法，只要您要更改页面，它将进入this.props.onFetch方法。我希望这会有所帮助。

 onPageChange={(pageIndex) => { // Called when the page index is changed by the user
              this.setState({
                currentPageIndex: pageIndex
              });
              this.props.onFetchPage(this.props.status, pageIndex, this.state.pageSize, this.state.sorted);
            }}

onPageSizeChange={(pageSize, pageIndex) => {
          this.setState({
            pageSize: pageSize
          })
          this.props.onFetchPage(this.props.status, 0, pageSize, this.state.sorted);
        }}

反应表分页

1 个答案: