如何向索环数据表添加分页答案

【问题标题】：How to add pagination to grommet datatable如何向索环数据表添加分页
【发布时间】：2021-06-19 10:04:43
【问题描述】：

我只是拿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}
                />

【问题讨论】：

标签： datatable pagination grommet

【解决方案1】：

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

【讨论】：