62

默认情况下，jquery 数据表默认显示 10 并且有

选项：10,25,50,100

如何更改这些选项？

4

9 回答 9

141

不要忘记更改 iDisplayLength 为好：

$(document).ready(function() {
    $('#tbl_id').dataTable({
        "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]],
        "iDisplayLength": 25
    });
} );
于 2013-04-18T15:17:02.107 回答
45 
$(document).ready(function() {
    $('#example').dataTable( {
    "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]],
    "pageLength": 25
    } );
} );

aLengthMenu ：此参数允许您在启用分页时 DataTables 显示的长度下拉菜单中轻松指定条目。它可以是一维数组，用于显示的选项和值，也可以是二维数组，将第一个位置的数组用作值，第二个位置的数组作为显示的选项（适用于语言字符串，例如“All”）。

更新

从 DataTables v1.10 开始，您正在寻找的选项是pageLength和lengthMenu

于 2012-05-17T06:37:28.090 回答
9

就我而言，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

        });

谢谢

于 2014-12-03T07:07:22.980 回答
8

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

$(document).ready(function() {
    $('#example').dataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
    } );
} );
于 2015-01-22T15:29:23.920 回答
5 
 $('#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,
                });
于 2014-07-17T11:55:27.410 回答
2

如果你点击一些按钮，然后改变数据表的显示长度，你可以试试这个：</p> 

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

oTable = $('#example').dataTable();
于 2016-12-14T02:23:18.690 回答
1

如果您想将“lengthMenu”与按钮（复制、导出）一起使用，则必须使用此选项 dom：“lBfrtip”。在这里https://datatables.net/reference/option/dom您可以找到每个符号的含义。例如，如果您将像这样使用 'Bfrtip'，lengthMenu 将不会出现。

于 2017-12-19T11:12:27.327 回答
1

您无需编写 Js 即可轻松实现此目的。只需添加一个名为 data-page-length={put your number here} 的属性。请参见下面的示例，例如，我使用了 100

<table id="datatable-keytable" data-page-length='100' class="p-table table table-bordered" width="100%">
于 2019-04-17T11:35:18.507 回答
0

在此处输入图像描述 页面长度：50，

为我工作谢谢

供参考的版本

jquery-3.3.1.js

/1.10.19/js/jquery.dataTables.min.js

/buttons/1.5.2/js/dataTables.buttons.min.js

于 2018-06-30T06:47:33.563 回答