Ant Design分页中 showQuickJumper不生效

  pagination={{
          showQuickJumper:true, //跳转至某一页
          showSizeChanger: true, 
          onChange: pageChange,
          pageSize: pagingRecord.pageSize,
          showTotal: () => {
            return `${pagingRecord.total}条数据`
          },
          current: pagingRecord.pageIndex,
          total: pagingRecord.total,
        }}

在pagination中配置了showQuickJumper:true, 显示效果却没有
Ant Design分页中 showQuickJumper不生效_第1张图片

原因:是showQuickJumper本身的设置,当数据只有一页的时候不会显示跳转;数据超过一页时,才会显示。pageSize是每页条数,total数据总数,total<=pageSize,也就是数据小于或者是刚好只有一页的时候,不显示跳转的样式

Ant Design分页中 showQuickJumper不生效_第2张图片

Ant Design分页中 showQuickJumper不生效_第3张图片
参考链接:https://www.cnblogs.com/My-Coding-Life/p/15134492.html

你可能感兴趣的:(react,react)