[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}