홈>2020-02-26 08:57

reactjs - 반응 테이블 페이지 매김

저는 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}
   ...

어떤 제안이라도, 내가 여기서 무엇을 놓치고 있습니까?

reactjs

답변 # 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);
        }}

Python2.net

reactjs - 반응 테이블 페이지 매김

관련 자료