datatable - 如何向索环数据表添加分页

Question

我只是拿了https://v2.grommet.io/datatable的例子，并用 pagination 属性对其进行了扩展，但这没有效果，表格也没有改变。

         <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}
                />

Answer 1

分页组件和功能仅从 grommet v2.17.0 开始可用（不到 30 分钟前发布:)）转到您的 package.json，升级 grommet 以使用 grommet v2.17.0，安装依赖项和您共享的示例应该工作没有问题，祝你好运。