[antd]：分页和表格不工作？

Question

我在 Antd vs.3.1.4 上。

我试图在我的桌子上放置分页，但它不能从 api/docs 复制。 这是我正在设置的道具：

<Table
   pagination={{ position: 'both' }}
   columns={columns}
   dataSource={appointmentTypes}
   rowKey="id"
/>

这是渲染的

只是想知道我在这里做错了什么？ 我看了一下源代码，应该是正确的。 我正在将分页道具传递到他们的表，这应该使用 _.extend 创建具有所有传递的道具属性的分页元素。

万分感谢！

Answer 1

就这样试试吧..

将名称位置更改为 pageSize

 <Table pagination={{ pageSize: 10 }}  columns={columns} /> 

Answer 2

您应该为每行设置唯一的 rowKey，否则 react 将重用旧行，这样看起来分页不起作用。 这样的事情应该可以解决问题

rowKey={record => record.id}