Bootstrap 3 表格分页（最大页数）

【问题标题】：Bootstrap 3 table pagination (max pages)Bootstrap 3 表格分页（最大页数）
【发布时间】：2016-09-06 21:40:16
【问题描述】：

我正在尝试弄清楚如何更改此插件，以便我可以定义一次显示的页面数。

我的意思是：如果我的表格有 100 个项目/行，并且我想每页显示 10 个项目，这意味着我将在分页中总共有 10 页。

<< 1 2 3 4 5 6 7 8 9 10 >>

如何更改该插件，以便一次可以查看例如 5 页（而不是全部 10 页）

<< 1 2 3 4 5 >>

如果您滚动到第 6 页，它将是：

<< 2 3 4 5 6 >>

等等……

【问题讨论】：

【解决方案1】：

查看更新后的 Bootply：http://bootply.com/93506

添加一个新的numbersPerPage 设置。然后，相应地隐藏/显示寻呼机页码链接 (li)。插件初始化时一次..

if (settings.numbersPerPage>1) {
   $('.page_link').hide();
   $('.page_link').slice(pager.data("curr"), settings.numbersPerPage).show();
}

当页面改变时再次在goToPage()函数中..

if (settings.numbersPerPage>1) {
    $('.page_link').hide();
    $('.page_link').slice(page, settings.numbersPerPage+page).show();
}

这是另一个创建 Bootstrap 可重用“寻呼机”功能的示例。然后你只需传入表格和每页的项目数..

$('#myTable').pageMe({pagerSelector:'#myPager',showPrevNext:true,hidePageNumbers:false,perPage:5});

【讨论】：