簡體   English   中英

如何在reactjs中設置antd表格頁面大小

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM