如何将页脚中显示的页码限制在footable中

时间:2013-11-23 11:59:08

标签: jquery-plugins page-numbering footable

如何限制表格页脚中显示的页码,如果我有1000行并且data-page-size为10则会在页脚中显示许多页码。那么有什么数据属性可以提一下只显示一些类似这种格式的页码

< << 1 2 3> >

3 个答案:

答案 0 :(得分:9)

在footable 2中,您只需将[data-limit-navigation]添加到表数据属性

即可
<table data-limit-navigation="5"> </table>

答案 1 :(得分:2)

我终于弄明白了,

我们可以通过指定数据属性page-navigation-size来限制页脚中显示的页码,否则你可以在footable.paginate.js文件中覆盖或提及它,在这里你会发现以下内容

    var defaults = {
    paginate: true,
    pageSize: 10,
    pageNavigation: '.footable-nav',
    pageNavigationSize: 0 // mention the number how many page numbers you want to display.
};

答案 2 :(得分:1)

FooTable v3具体......

假设表定义为..

<table id="myTable" class="footable" data-paging="true" data-paging-size="5" data-paging-limit="10">

和JavaScript(记得包括对FooTable JavaScript库的引用)......

$(document).ready(function () {
    $(".footable").footable();
});

..这将限制分页只显示10页链接。

使用FooTable v3时,通过CSS控制分页链接的可见性(和可见性限制)。如果选择不使用FooTable提供的CSS,请务必评估以下CSS规则以查看页面链接...

li.footable-page {
    display: none;
}

li.footable-page.visible {
    display: inline;
}

该政策是隐藏所有编号的分页链接,然后仅显示标有CSS类“可见”的链接。 JavaScript会根据需要将CSS类添加到<li>项目中。