[英]how to set the antd table page size in reactjs
我正在使用 antd 表查看數據並使用單獨的 antd 分頁。我想設置 antd 表的頁面大小如何實現它。我沒有在 antd 表中使用默認表分頁
<Pagination defaultCurrent={1} total={data.length} pageSize={2} onChange={this.setPaginationData}/>
<Table
rowKey={data._id}
columns={this.columns1}
rowSelection={this.rowSelection}
expandedRowRender={(record, index, indent, expanded) =>
this.expanding(record, expanded)
}
// pagination={{defaultCurrent:1, total:data.length, pageSize:2,position:'top'}}
onExpand={this.onExpand}
dataSource={data} />
請幫忙...
你可以簡單地傳遞一個Pagination
對象:
<Table pagination={{ pageSize: 6}} />
您想在不設置分頁的情況下設置頁面大小,因此您唯一的選擇是限制data
:
const PAGE_SIZE = 5;
<Table dataSource={data.slice(PAGE_SIZE)} />;
參考數組#slice
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.