简体   繁体   English

如何在reactjs中设置antd表格页面大小

[英]how to set the antd table page size in reactjs

I'm using antd table for data viewing and used separate antd pagination .I want to set page size of the antd table how to achive it.I'm not using default table pagination in antd table我正在使用 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} />

please help...请帮忙...

你可以简单地传递一个Pagination对象:

<Table pagination={{ pageSize: 6}} />

You want to set page size without setting the pagination, so your only option is to limit the data :您想在不设置分页的情况下设置页面大小,因此您唯一的选择是限制data

const PAGE_SIZE = 5;
<Table dataSource={data.slice(PAGE_SIZE)} />;

Refer to Array#slice参考数组#slice

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM