如何限制footable中表尾显示的页码答案

【问题标题】：How to limit the page numbers displayed in the table footer in footable如何限制footable中表尾显示的页码
【发布时间】：2013-11-23 11:59:08
【问题描述】：

如何限制表页脚中显示的页码，如果我有 1000 行并且数据页大小为 10，那么它会在页脚中提供许多页码。那么是否有任何数据属性可以提及仅显示一些类似这种格式的页码

> >

【问题讨论】：

fooplugins.com/footable/demos/paging.htm#docs 这是文档链接。也许它可以帮助你。

标签： jquery-plugins page-numbering footable

【解决方案1】：

在footable 2中，您可以简单地将 [data-limit-navigation] 添加到表数据属性

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

【讨论】：

我写了这个答案，但结果是这样的 > 。最后页码不可见。我需要这个 > .

【解决方案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.
};

【讨论】：

【解决方案3】：

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> 项目中。

【讨论】：