如何在JQuery DataTable中默认显示所有行
有没有人知道如何在jQuery数据表中默认显示所有行?
我已经试过这个代码,但是它默认只显示10行。
$("#adminProducts").dataTable({ "aLengthMenu": [100] });
使用:
$('#example').dataTable({ aLengthMenu: [ [25, 50, 100, 200, -1], [25, 50, 100, 200, "All"] ], iDisplayLength: -1 });
或者如果使用1.10+
$('#example').dataTable({ paging: false });
你应该使用的选项是iDisplayLength:
$('#adminProducts').dataTable({ 'iDisplayLength': 100 });
$('#table').DataTable({ "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ] });
使用'fnDrawCallback'
$('#dataTable').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "fnInitComplete": function(){ $('.display_results').show(); }, "fnDrawCallback": function() { $('.def').click(function(){ var msg = $(this).next().text(); $('.messages').messageBox()//Custom Dialog }); } })
如果您使用的是DataTable 1.10以上版本,则可以在<table>
标签中使用data- *属性data-page-length="-1"
这假定你的数据表默认configuration中定义了“-1”,如下所示
$.extend(true, $.fn.dataTable.defaults, { lengthMenu: [[10, 25, 50, 250, -1], [10, 25, 50, 250, "All"]] });
你的JavaScript变成简单$("table").DataTables();
并且您可以自定义HTML中每个表格的显示内容; IE浏览器。 如果在同一页面中有第二个较小的表格,应限制为10行,则<table data-page-length="10">
这个为我工作:
$(document).ready(function() { $('#example').DataTable( { "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] } ); } );