Bootstrap 3表分页(最多页面)

用户名

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

Bootstrap 3表分页插件

我的意思是:如果我的表有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});

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap 3 表分页错误

来自分类Dev

表分页[Bootstrap-Django]

来自分类Dev

在 Bootstrap 3 分页和样式问题中添加跳转到页面链接

来自分类Dev

如何启用Bootstrap表分页和搜索?

来自分类Dev

ng2-bootstrap分页和bootstrap表集成错误

来自分类Dev

Laravel 4 Twitter Bootstrap 3的分页错误

来自分类Dev

bootstrap 3分页与codeigniter

来自分类Dev

bootstrap 3分页与codeigniter

来自分类Dev

AngularJS + Bootstrap分页

来自分类Dev

Bootstrap 3表固定宽度

来自分类Dev

Bootstrap DataTables 的分页与分页的区别

来自分类Dev

从数据表使用分页后未显示Bootstrap模式

来自分类Dev

从React Bootstrap表中禁用/删除分页号

来自分类Dev

使用bootstrap进行bootstrap分页折叠

来自分类Dev

Bootstrap 4 与 Bootstrap 3 对齐

来自分类Dev

Bootstrap 3-带页面编号的轮播

来自分类Dev

Bootstrap 3模式重定向页面打开

来自分类Dev

页面顶部的空间(Twitter Bootstrap 3)

来自分类Dev

如何使响应式Bootstrap 3分页

来自分类Dev

无法将bootstrap3分页居中

来自分类Dev

Bootstrap 3垂直对齐分页和其他元素

来自分类Dev

Bootstrap模式冻结页面

来自分类Dev

Bootstrap刷新提交页面

来自分类Dev

Bootstrap——使页面无响应

来自分类Dev

DataTables Bootstrap分页不呈现

来自分类Dev

导航元素之间的Bootstrap分页

来自分类Dev

Bootstrap列中的自动分页

来自分类Dev

Bootstrap将标签与分页对齐

来自分类Dev

Bootstrap 4中的分页符