React table 显示完整数据而不是包含 20 个项目的页面

Question

我尝试过的是：- 设置 pageSize={20} 或 defaultPageSize={20}，或两者。我的组件仍在呈现我所有数据的列表，无论我传递了 pageSize 道具这一事实。我在这里错过了什么？我有一个类似的 table，其中传递了这些道具并且它正在工作。找不到问题出在哪里。


const VehiclesList = ({loading, setLoading}) => {

    return (
        <div className={classes.VehiclesList}>
            {loading ? null :
            <Row>
                <Col md="12">
                    <Card className="main-card mb-3">
                        <CardBody>
                            <ReactTable data={vehicleList? vehicleList.vehicleList.data : []}
                            columns={[CUTED NOT TO BOTHER YOU]}
                            pageSize={20}
                            manual
                            page={3}
                            loading={false}
                            loadingText="Chargement..."
                            nextText="Suivant"
                            previousText="Précédent"
                            noDataText="Aucune données correspondantes"
                            showPageSizeOptions={false}
                            className="-striped -highlight"
                            />
                        </CardBody>
                    </Card>
                </Col>
            </Row>
        }
            
        </div>
    )
}

export default VehiclesList;

Answer 1

从道具中删除 manual。这个道具告诉 react-table 你将要处理的事情 server-side.

React table 显示完整数据而不是包含 20 个项目的页面

React table displaying full data instead of a page of 20 items

reactjs

react-table