更改jquery数据表“显示10个条目”选择框的值答案

【问题标题】：Change values of select box of "show 10 entries" of jquery datatable更改jquery数据表“显示10个条目”选择框的值
【发布时间】：2012-05-24 17:49:18
【问题描述】：

jquery datatable默认显示10个，有

选项：10,25,50,100

如何更改这些选项？

【问题讨论】：

标签： jquery datatables

【解决方案1】：

不要忘记更改 iDisplayLength：

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

【讨论】：

iDisplayLength 现在是旧版。请改用pageLength。
您也可以在较新的版本中使用选项名称：lengthMenu 而不是 aLengthMenu 。

【解决方案2】：

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

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

更新

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

【讨论】：

我已经使用了您的上述逻辑，它工作正常，但在显示条目选择框中，我仍然有 10 25 50，在我的情况下它应该显示 5 10 50 100 .. 如何更改选择框条目？

【解决方案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

        });

谢谢

【讨论】：

非常感谢您的更新。 aLengthMenu 也不适合我。

【解决方案4】：

根据datatables.net，正确的做法是将lengthMenu 属性与一组值相加。

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

【讨论】：

我喜欢您将链接添加到源代码。这工作得很好

【解决方案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,
                });

【讨论】：

【解决方案6】：

如果你点击某个按钮，然后改变数据表的显示长度，你可以试试这个：

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

oTable = $('#example').dataTable();

【讨论】：

【解决方案7】：

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

【讨论】：

【解决方案8】：

无需编写 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%">

【讨论】：

【解决方案9】：

页面长度：50，

为我工作谢谢

参考版本

jquery-3.3.1.js

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

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

【讨论】：