如何将分页添加到索环数据表
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,安装依赖项,您共享的示例应该可以正常工作,祝您好运。
我只是以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,安装依赖项,您共享的示例应该可以正常工作,祝您好运。