Question

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

选项： 10,25,50,100

如何更改这些选项？

Answer 1

不要忘记更改iDisplayLength：

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

Answer 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

Answer 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

        });

谢谢

Answer 4

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

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

Answer 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,
                });

Answer 6

如果你点击某个按钮，然后将数据表更改为displaylenght，你可以试试这个：

[92, 82, 91, 89, 99, 102]

Answer 7

如果你想使用长度菜单＆＃39;与按钮（复制，导出）一起，您必须使用此选项dom：＆＃39; lBfrtip＆＃39;。在这里https://datatables.net/reference/option/dom你可以找到每个符号的含义。例如，如果您将使用这样的“Bfrtip＆＃39;”，则不会显示lengthMenu。

Answer 8

pageLength：50，

为我工作谢谢

参考版本

jquery-3.3.1.js

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

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

Answer 9

您无需编写Js就可以轻松实现这一目标。只需添加一个名为data-page-length = {在此输入您的号码}的属性即可。参见下面的示例，我以100为例

<table id="datatable-keytable" data-page-length='100' class="p-table table table-bordered" width="100%">

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

9 个答案: