更改jquery数据表的“show 10 entries”select框的值

默认情况下，jquery datatable默认显示10，并具有

选项： 10,25,50,100

我怎样才能改变这些选项？

Answer 1

不要忘记更改iDisplayLength：

$(document).ready(function() { $('#tbl_id').dataTable({ "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], "iDisplayLength": 25 }); } ); 

Answer 2

 $(document).ready(function() { $('#example').dataTable( { "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], "pageLength": 25 } ); } ); 

aLengthMenu：此参数允许您轻松指定DataTable在启用分页时显示的长度下拉菜单中的条目。 它可以是用于显示选项和值的一维选项数组，也可以是将第一个位置的数组用作值的二维数组，将第二个位置的数组用作显示的选项（对于诸如“全部”的语言string有用）。

更新

由于DataTables v1.10，您正在寻找的选项是pageLength和lengthMenu

Answer 3

在我的情况下， aLengthMenu不工作。 所以我用这个 它正在工作。

 jQuery('#dyntable3').dataTable({ oLanguage: {sLengthMenu: "<select>"+ "<option value='100'>100</option>"+ "<option value='200'>200</option>"+ "<option value='300'>300</option>"+ "<option value='-1'>All</option>"+ "</select>"}, "iDisplayLength": 100 }); 

谢谢

Answer 4

  $('#tblSub1View').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "bDestroy": true, "aoColumnDefs": [{ 'bSortable': false, 'aTargets': [0, 1] }], "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]], "iDisplayLength": 10, }); 

Answer 5

根据datatables.net正确的方法是添加lengthMenu属性与值的数组。

 $(document).ready(function() { $('#example').dataTable( { "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] } ); } ); 

Answer 6

如果你点击一些button，然后改变数据表的displaylenght，你可以试试这个：

  $('.something').click( function () { var oSettings = oTable.fnSettings(); oSettings._iDisplayLength = 50; oTable.fnDraw(); }); oTable = $('#example').dataTable();