一行代码隐藏antd Pagination最后一页，减少后端深分页查询

Ant Design 的 Pagination 分页，在页码比较多的时候，会默认展示出第一页和最后一页，而且在官方文档也没有找到相关配置来隐藏它们。

最近有后端同事反馈，如果用户直接点击最后一页，后导致后端深分页查询，影响性能，希望将这个页码隐藏掉。

解决方法

如何隐藏掉 antd 分页的最后一页页码？

看了下 Pagination 的代码接口，可以发现向后 n 页的 class 是 ant-pagination-jump-next，页码的 class 是 ant-pagination-item，那么 向后 n 页的下一个页码，就是最后一页了，直接用 class 选择器，一行代码就能把它隐藏掉了。

代码如下：

.ant-pagination-jump-next + .ant-pagination-item {
    display: none;
}

搞定！

未经允许不得转载：前端资源网 - w3h5 » 一行代码隐藏antd Pagination最后一页，减少后端深分页查询