Bootstrap 3表分页(最大页数)

时间:2013-11-11 20:18:30

标签: jquery pagination twitter-bootstrap-3

我正在试图弄清楚如何更改此插件,以便我可以定义要显示的页数。

Bootstrap 3 table pagination plugin

我的意思是:如果我的桌子有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 个答案:

答案 0 :(得分:4)

请参阅此更新的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});

http://www.codeply.com/go/bVuylrC5Oq