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

Kar*_*thi 4 reactjs antd

我正在使用 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} />
Run Code Online (Sandbox Code Playgroud)

请帮忙...

J.W*_*icz 7

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

<Table pagination={{ pageSize: 6}} />
Run Code Online (Sandbox Code Playgroud)


Den*_*ash 2

您想要设置页面大小而不设置分页,因此您唯一的选择是限制data

const PAGE_SIZE = 5;
<Table dataSource={data.slice(PAGE_SIZE)} />;
Run Code Online (Sandbox Code Playgroud)

请参阅数组#slice