代码之家  ›  专栏  ›  技术社区  ›  Rohit Lingayat

反应表分页

  •  0
  • Rohit Lingayat  · 技术社区  · 6 年前

    我是新手。我们曾经 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}
       ...
    

    有什么建议吗,我还缺什么?

    1 回复  |  直到 6 年前
        1
  •  1
  •   Lokesh Kumar Meena    6 年前

    尝试将这些添加到代码中。以及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);
            }}