如何在grommet数据表中添加分页

问题描述

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

解决方法

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