Блог

Что я пробовал, так это: — установить pageSize={20} или defaultPageSize= {20}, или оба. Мой компонент по-прежнему отображает список всех моих данных, независимо от того, что я передал pageSize props. Чего мне здесь не хватает? У меня есть похожая таблица с переданными реквизитами, и она работает. Не могу найти, в чем проблема.

 
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;
  

Удалить manual из реквизита. Этот реквизит сообщает react-table, что вы собираетесь обрабатывать данные на стороне сервера.