1. 程式人生 > 其它 >antD 分頁元件 pagination 的showTotal用法

antD 分頁元件 pagination 的showTotal用法

技術標籤: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' }} />

顯示效果 :
在這裡插入圖片描述