如何将分页添加到索环数据表

How to add pagination to grommet datatable

我只是以https://v2.grommet.io/datatable为例,并用分页属性对其进行了扩展,但这没有任何效果,table也没有改变。

         <DataTable
                    columns={[
                        {
                            property: 'name',
                            header: <Text>Name</Text>,
                            primary: true,
                        },
                        {
                            property: 'percent',
                            header: 'Complete',
                            
                            render: datum => (
                                <Box pad={{ vertical: 'xsmall' }}>
                                    <Meter
                                        values={[{ value: datum.percent }]}
                                        thickness="small"
                                        size="small"
                                    />
                                </Box>
                            ),
                        },
                    ]}
                    data={[
                        { name: 'Alan', percent: 20 },
                        { name: 'Bryan', percent: 30 },
                        { name: 'Chris', percent: 40 },
                        { name: 'Eric', percent: 80 },
                    ]}
                    step={2}
                    paginate={true}
                />

分页组件和功能仅在 grommet v2.17.0 开始可用(不到 30 分钟前发布:)) 转到您的 package.json,升级索环以使用索环 v2.17.0,安装依赖项,您共享的示例应该可以正常工作,祝您好运。