如何在JQuery DataTable中默认显示所有行

是否有人知道如何在jQuery数据表中默认显示所有行？如何在JQuery DataTable中默认显示所有行

我试过这段代码，但它默认只显示10行。

$("#adminProducts").dataTable({ 
     "aLengthMenu": [100] 
    });

来源

2012-02-25 Radislav

163

用途：

$('#example').dataTable({ 
    aLengthMenu: [ 
     [25, 50, 100, 200, -1], 
     [25, 50, 100, 200, "All"] 
    ], 
    iDisplayLength: -1 
});

或者如果使用1.10+

$('#example').dataTable({ 
    paging: false 
});

来源

2012-10-04 12:41:35 LCoelho

+14

或者如果您使用[DataTables 1.10新API]（https://datatables.net/reference/option/paging）则''分页“：false'。 – 2014-05-08 18:39:03

如果您想使用DOM选项（DataTables 1.10+，请参阅https://datatables.net/manual/data/orthogonal-data#HTML-5）或'

' 。 – 2016-08-15 16:01:02

这个非常正确的答案肉是iDisplayLength：-1 – 2017-01-31 17:59:03

使用 '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 
      }); 
     } 
})

来源

2012-02-25 12:04:08

你应该使用的选项是iDisplayLength：

$('#adminProducts').dataTable({ 
    'iDisplayLength': 100 
});

来源

2012-02-25 12:11:18

$('#table').DataTable({ 
    "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ] 
});

来源

2015-08-25 10:19:34 RHOUG

它适用于此表：https://datatables.net/examples/api/form.html – 2016-03-31 15:22:18

如果您使用的DataTable 1.10+您可以使用*您<table>标签data-page-length="-1"

这里假设你有“-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">

来源

2016-09-28 00:36:55 th3byrdm4n

这一次为我的作品：

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

来源

2016-10-19 06:43:16 tenstormavi

这里是您的.html文件的整个功能的JavaScript

<!--- javascript --> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#sortable').dataTable({ 
     'iDisplayLength': 100 
    })}) 
</script>

来源

2018-03-09 06:41:29 embulldogs99

如何在JQuery DataTable中默认显示所有行

回答

相关问题