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

Laravel 4 Twitter Bootstrap 3的分页错误

来自分类Dev

bootstrap 3分页与codeigniter

来自分类Dev

Bootstrap 3模式重定向页面打开

来自分类Dev

无法将bootstrap3分页居中

来自分类Dev

导航元素之间的Bootstrap分页

来自分类Dev

如何使响应式Bootstrap 3分页

来自分类Dev

Bootstrap模式冻结页面

来自分类Dev

Bootstrap 3-带页面编号的轮播

来自分类Dev

Bootstrap将标签与分页对齐

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

DataTables Bootstrap分页不呈现

来自分类Dev

Bootstrap列中的自动分页

来自分类Dev

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

来自分类Dev

表分页[Bootstrap-Django]

来自分类Dev

Bootstrap 4中的分页符

来自分类Dev

Bootstrap刷新提交页面

来自分类Dev

bootstrap 3分页与codeigniter

来自分类Dev

使用bootstrap进行bootstrap分页折叠

来自分类Dev

AngularJS + Bootstrap分页

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Bootstrap 3表固定宽度

来自分类Dev

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

来自分类Dev

Bootstrap 3 表分页错误

来自分类Dev

Bootstrap——使页面无响应

来自分类Dev

Bootstrap DataTables 的分页与分页的区别

来自分类Dev

Bootstrap 4 与 Bootstrap 3 对齐