初始化后如何禁用DataTables分页？

我有一个启用了分页的DataTable，我需要禁用此设置并通过按下按钮显示所有结果而不显示分页器。

我正在尝试访问已定义的设置，将分页更改为false，并重绘表，但它不起作用。 我搜索并尝试了类似的论坛post但没有成功。

知道我怎么能实现这个目标？

这是一个带有我无法工作的代码的演示

HTML：

 Destroy pager 
 
 
 
Column 1
 
Column 2
 
Column 3
 
Column 4
 
 
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
Data 1
 
Data 2
 
Data 3
 
Data 4
 
 
 
  

jQuery的：

 $(document).ready(function() { var oTable = $('#example').DataTable({ 'bPaginate': true, 'iDisplayLength': 5 }); $('button.destroy_pager').on('click', function() { var oSettings = oTable.settings; oSettings.bPaginate = false; oTable.draw(); }); }); 

编辑：我需要在初始化DataTable时启用寻呼机。 问题是我必须在按下按钮后禁用它。

提前致谢

Answer 1

您应该在按钮单击时将bPaginate选项设置为false来销毁并重新启动数据表

  $(document).ready(function() { var table = $('#example'); var tableOptions = { 'bPaginate': true, 'iDisplayLength': 5 }; table.DataTable(tableOptions); $('button.destroy_pager').on('click', function() { table.DataTable().destroy() tableOptions.bPaginate = false; table.DataTable(tableOptions); }); }); 

演示

Answer 2

使用sDom选项。 尝试sDom: 'ft'选项。 这对我有用。 看看这里： http ： //datatables.net/usage/options#sDom

Answer 3

 $('#example').DataTable({ 'bPaginate': false }); 

使用上面的代码。

的jsfiddle