如何限制表页脚中显示的页码,如果我有 1000 行并且数据页大小为 10,那么它会在页脚中提供许多页码。那么是否有任何数据属性可以提及只显示一些类似这种格式的页码
< << 1 2 3 >> >
如何限制表页脚中显示的页码,如果我有 1000 行并且数据页大小为 10,那么它会在页脚中提供许多页码。那么是否有任何数据属性可以提及只显示一些类似这种格式的页码
< << 1 2 3 >> >
在footable 2中,您可以简单地将 [data-limit-navigation] 添加到表 data-attribute
<table data-limit-navigation="5"> </table>
我终于想通了,
我们可以通过指定数据属性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.
};
假设表定义为..
<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>
项目中。