数据表分页隐藏 1 2 3 页按钮并仅具有下一个 - 上一个按钮

Posted

技术标签:

【中文标题】数据表分页隐藏 1 2 3 页按钮并仅具有下一个 - 上一个按钮【英文标题】:Datatables pagination hide 1 2 3 page button and have Next - Previoud Button ony 【发布时间】:2018-03-24 00:21:51 【问题描述】:

我为我的 html 表使用了 datadables.net 分页。我想隐藏/删除分页中的 1 2 3 ... 按钮,并且只有下一个和上一个按钮。

是否有可能像做 pagingnumbers: false,(类似于代码中的这种简单更改)?

我的功能:-

$('#pagination').DataTable( 
            "pagingType": "full_numbers",
            "iDisplayLength": 2,
            "bFilter": false
         );

【问题讨论】:

【参考方案1】:

您有 4 个选项:

simple - 'Previous' and 'Next' buttons only
simple_numbers - 'Previous' and 'Next' buttons, plus page numbers
full - 'First', 'Previous', 'Next' and 'Last' buttons
full_numbers - 'First', 'Previous', 'Next' and 'Last' buttons, plus page numbers
So in your case :

 $('#pagination').DataTable( 
        "pagingType": "simple",
        "iDisplayLength": 2,
        "bFilter": false
     );

【讨论】:

谢谢伙计。很有帮助:)【参考方案2】:

你必须设置...

"pagingType": "full",

在这里您可以找到所有可能的组合...

https://datatables.net/reference/option/pagingType

希望对你有帮助

【讨论】:

谢谢你,伙计。 :) 有帮助 :)

以上是关于数据表分页隐藏 1 2 3 页按钮并仅具有下一个 - 上一个按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何在数据表的下一个/上一个分页按钮上捕获事件

在SSH项目中实现分页效果

为啥我没有必要的 jQuery DataTables 分页按钮?

用分类汇总,实现分页打印

JavaFX - 分页:如何隐藏底部(控制)面板并用页面占据其区域?

Gridview动态绑定数据 分页问题(换页后,显示没有数据)?