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

Question

我在Antd vs.3.1.4。

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

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

以下是rendered

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

非常感谢！

Answer 1

试试吧......

将名称位置更改为pageSize

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

Answer 2

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

rowKey={record => record.id}