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

Question

有人知道如何在 jQuery 数据表中默认显示所有行吗？

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

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

Answer 1

用途：

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

或者如果使用 1.10+

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

Answer 2

您应该使用的选项是 iDisplayLength:

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

Answer 3

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

Answer 4

它将默认加载所有条目。

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

或者如果使用 1.10+

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

如果你想默认加载 25 个，并非全部都这样做。

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

Answer 5

如果您使用的是 DataTables 1.10+，您可以在

<table>

标签中使用 data-* 属性

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">

Answer 6

这个对我有用：

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

Answer 7

这是您的 .html 文件的完整功能 javascript

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

Answer 8

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

Answer 9

你必须下载 bootstrap-table.min.js 并对其进行一些修改..

• 如果您下载了 bootstrap-table.min.js，只需打开它，然后尝试查找“pageList:[10,” 设为“pageList:[10,15,20,25,50,100,"All"]”确保“All”写成这样。

• 默认页面大小也可以从同一行“pageSize：10”更改，您可以将其更改为pageSize：“All”。

• 其他选项也可以修改。

• 完成修改后，不要忘记将其包含或链接到新位置。

我希望它足够清晰且容易完成。

Answer 10

使用pageLength更改dataTable的初始页长度

new DataTable('#yourtable', {
    
    pageLength: 1000,
                                 
});

https://datatables.net/reference/option/pageLength