您当前的位置: 首页 > 

java持续实践

暂无认证

  • 0浏览

    0关注

    746博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

antD 分页组件 pagination 的showTotal用法

java持续实践 发布时间:2021-02-01 17:25:51 ,浏览量:0

用法如下, 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} 条数据`;
    },
  };
    v.id}
          columns={columns}
          dataSource={list}
          loading={loading}
          pagination={paginationObj}
          bordered
          scroll={{ y: '60vh' }}
        />

显示效果 : 在这里插入图片描述

关注
打赏
1658054974
查看更多评论
立即登录/注册

微信扫码登录

0.0376s