antD 分頁元件 pagination 的showTotal用法
阿新 • • 發佈:2021-02-02
技術標籤:React
用法如下, showTotal 要定義為一個物件的方法才行.
// 分頁引數
const paginationObj: object = {
...pagination,
showQuickJumper: true,
// 顯示每頁多少條資料
showSizeChanger: true,
hideOnSinglePage: false,
pageSizeOptions: ['10', '30', '50', '100'],
onChange: paginationChange,
onShowSizeChange: paginationChange,
// 總數
showTotal: function() {
return `總共有 ${pagination.total} 條資料`;
},
};
<Table
rowKey={(v: any) => v.id}
columns={columns}
dataSource={list}
loading={loading}
pagination={paginationObj}
bordered
scroll= {{ y: '60vh' }}
/>
顯示效果 :