在React JS中的antd表中顯示所需的條目數

Question

我在我的React項目中使用antd Table（ https://ant.design/components/table/ ）。 我想顯示該表的條目數，如下圖所示。

我從antd導入Table然后使用此代碼

<Table
                    className="table-layout"
                    columns={this.state.columns}
                    dataSource={filteredData} 
                    bordered={true}
                    size={"small"}
                    onRowDoubleClick={ (record, index, event) => this.handleEditModal(record) }
                    onRowClick={(record, index, event) => this.handleRowClick(record)}
                    loading={this.state.loading}
                    pagination={{ pageSize: 14 }}  
                    rowClassName={(record) => this.state.selectedItemKey == record.key ? 'table-layout selected' :  record.IsDefaultAccount ? 'table-layout active' : 'table-layout' }                 
                />

在antd表中可以嗎？ 如果可以，該怎么辦？

Answer 1

您可以使用antd分頁組件，並可以實現您的需求，如下所述

import { Pagination } from 'antd'; 
<Pagination size="small" total={50} showSizeChanger />

並可以在此鏈接上參考antd分頁演示和文檔