如何向grommet数据表添加分页

Question

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

         <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，安装依赖项和您所分享的示例应该可以正常工作，祝您好运。