【问题标题】:how to set the antd table page size in reactjsreactjs中如何设置antd表页面大小
【发布时间】:2019-09-16 13:19:38
【问题描述】:

我使用antd table进行数据查看并使用了单独的antd分页。我想设置antd table的页面大小如何实现它。我没有在antd table中使用默认分页

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

请帮忙...

【问题讨论】:

  • 你能批准正确答案吗?

标签: reactjs antd


【解决方案1】:

你可以简单地传递一个Paginationobject:

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

【讨论】:

    【解决方案2】:

    你想设置页面大小而不设置分页,所以你唯一的选择是限制data

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

    参考Array#slice

    【讨论】:

    • 嘿,当我通过选择列选择父行时,我想与父行一起选择该选定行的子行
    • 我认为这与您的问题无关,请尝试发布另一个问题
    • 在这里发布了一个不同的问题stackoverflow.com/questions/57974511/…
    猜你喜欢
    • 1970-01-01
    • 2011-09-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-03
    • 1970-01-01
    相关资源
    最近更新 更多