如何在 Jquery 数据表框架中禁用或不显示页码

Posted 2023-05-07

【中文标题】如何在 Jquery 数据表框架中禁用或不显示页码

【英文标题】：How to disable or dont show the page numbers inside Jquery datatable framework

【发布时间】：2016-04-28 19:01:27

【问题描述】：

这段代码是由 Jquery 数据表插件生成的 而且我无法控制动态生成的 html

<div class="dataTables_paginate paging_bootstrap pagination">
   <ul>
      <li class="prev"><a href="#">← <span class="hidden-480">Previous</span></a></li>
      <li><a href="#">1</a></li>
      <li class="active"><a href="#">2</a></li>
      <li class="next disabled"><a href="#"><span class="hidden-480">Next</span> → </a></li>
   </ul>
</div>

我只想显示上一个和下一个链接，仅此而已（我不想显示数字）

这个方法我试过了

$( document ).ready(function() 


 $('.dataTables_paginate ul').hide();

  $('.dataTables_paginate ul .prev').show();
  $('.dataTables_paginate ul .next').show();
);

这是我的小提琴

http://jsfiddle.net/Us8uc/4368/

能否请您告诉我如何禁用 1 和 2 链接（根据存在的数据动态生成）？？

【问题讨论】：

如果您想隐藏该信息，this 似乎可以工作

【参考方案1】：

将pagingType 选项设置为simple 以仅显示“上一个”和“下一个”按钮。

$('#example').DataTable( 
   "pagingType": "simple"
);

有关代码和演示，请参阅 this jsFiddle。