我试图弄清楚如何更改此插件,以便可以定义一次显示的页数。
我的意思是:如果我的表有100个项目/行,并且我希望每页显示10个项目,那意味着我在分页中总共将有10页。
<< 1 2 3 4 5 6 7 8 9 10 >>
如何更改该插件,以便一次查看5个页面(而不是全部10个页面)
<< 1 2 3 4 5 >>
如果滚动到第六页,它将是:
<< 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});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句