antD 分页组件 pagination 的showTotal用法

用法如下, 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' }}
        />

显示效果 :
antD 分页组件 pagination 的showTotal用法

上一篇:antd v4版本From表单使用resetFields重置表单数据


下一篇:antd vue递归表单键值对无效