限制bootstrap 3分页中显示的页数

Question

我的网站上有各种网页,它们使用bootstraps(bootstrap 3)分页,但我需要知道如何限制其中显示的页面数量(例如,仅显示页面1到10).

如果您再选择第2页,则会显示第11页,依此类推.

你怎么做到这一点？

我知道它可能是JavaScript/jQuery,但任何帮助表示赞赏.如果可以在不使用JavaScript/jQuery的情况下完成,那就更好了.

下面是我的分页截图.

正如您所看到的,显示有12页,我希望第11页和第12页被隐藏,直到第2页或下一页被选中,然后将显示第11页,第1页将被隐藏,依此类推.

Answer 1

有一个jquery插件可以使用bootstrap,解决了这个问题:http: //josecebe.github.io/twbs-pagination/ 看看"可见页面选项"部分.

你可以通过谷歌和谷歌找到更多/其他解决方案bootstrap 3 pagination many pages.

Answer 2

这个问题很久以前就被问到了，但是在我寻找答案的时候出现了。

指定max-size='X'对我有用。bootstrap 分页标签如下所示：

<pagination class="pagination-sm" total-items="1000" items-per-page="10" max-size="10">
</pagination>

希望这可以帮助某人。

Answer 3

假设您的页面呈现为服务器端(PHP,Ruby,Java等),您可能希望在服务器端正确呈现分页.

我不久前在PHP中解决了这个问题,我有一个函数被调用每个页码,决定是否应该渲染该数字(或其他东西).

它是这样的

if the page number is < 3, render the page number
if the page number is within +-2 of the current page, render the page number
if the page number is > the total number of pages -3 render the page number
if the last page number wasn't rendered and dots haven't already been rendered render dots '...' do indicate a gap

else do nothing

我希望这能指出你正确的方向