我试图弄清楚如何更改此插件,以便我可以定义一次显示的页面数。
我的意思是:如果我的表有 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 >>
等等……
我试图弄清楚如何更改此插件,以便我可以定义一次显示的页面数。
我的意思是:如果我的表有 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 >>
等等……
请参阅此更新的 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});