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

【问题标题】：[antd]: Pagination and Table Not working?[antd]：分页和表格不起作用？
【发布时间】：2018-05-10 01:11:29
【问题描述】：

我在 Antd vs.3.1.4 上。

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

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

这里是rendered

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

非常感谢！

【问题讨论】：

看起来正确。可以分享完整的js代码吗？
应该可以工作，重新启动您的应用程序...也许更改尚未更新。这应该可以工作。
这里没有太多其他可以分享的内容。我通过显式映射列来呈现表格，但如果这会改变任何内容
关于新发现：pagination.position 是唯一对我不起作用的道具。 pagination.pageSize 和 pagination = false 有效。

【解决方案1】：

就这样试试吧..

将名称位置更改为 pageSize

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

【讨论】：

【解决方案2】：

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

rowKey={record => record.id}

【讨论】：