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

Question

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

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

你是怎么做到的？

我知道它可能是JavaScript / jQuery但是感谢任何帮助。如果可以在不使用JavaScript / jQuery的情况下完成，那就更好了。

以下是我的分页截图。

正如您所看到的，显示了12页，我想要第11页和第11页。如果要隐藏12页直到第2页或选择下一页，则会显示第11页，第1页将被隐藏，依此类推。

Answer 1

有一个jquery插件可以使用bootstrap，解决了这个问题： http://josecebe.github.io/twbs-pagination/ 看看＆＃34;可见页面选项＆＃34;部分。

您可以使用Google和bootstrap 3 pagination many pages找到更多/其他解决方案。

Answer 2

假设您的页面呈现为服务器端（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

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

Answer 3

很久以前就提出过这个问题，但是在我寻找答案的过程中出现了这个问题。

指定max-size='X'为我工作。 bootstrap分页标记如下所示：

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

希望这有助于某人。

Answer 4

您可以尝试reviews.maxPages，如下所示：

<pagination 
    total-items="reviews.count"
    ng-model="reviews.pageNo"
    max-size="reviews.maxPages"
    boundary-links="true"
    rotate="false"
    num-pages="reviews.noPages"
    ng-change="changePageTo(reviews.pageNo)"></pagination>