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

更改“选择”框的值;“显示10个条目”;jquery数据表的构造,jquery,datatables,Jquery,Datatables,默认情况下,jQueryDataTable默认显示10,并且具有 选项:10,25,50100 如何更改这些选项 $(document).ready(function() { $('#example').dataTable( { "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], "pageLength": 25 } ); } ); 阿伦哲努: 此参数允许您在启用分页时,轻松指定DataTables显示

默认情况下,jQueryDataTable默认显示10,并且具有

选项:10,25,50100

如何更改这些选项

$(document).ready(function() {
    $('#example').dataTable( {
    "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]],
    "pageLength": 25
    } );
} );
阿伦哲努: 此参数允许您在启用分页时,轻松指定DataTables显示的长度下拉菜单中的条目。它可以是一个1D选项数组,用于显示的选项和值,也可以是一个2D数组,使用第一个位置的数组作为值,使用第二个位置的数组作为显示的选项(对“All”等语言字符串有用)

更新


从DataTables v1.10开始,您要查找的选项有
pageLength
lengthMenu

也不要忘记更改iDisplayLength:

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

在我的情况下,阿伦哲努不起作用。所以我用了这个。它正在发挥作用

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

        });
jQuery('#dyntable3')。数据表({
语言:{sLength菜单:“”+
"100"+
"200"+
"300"+
“全部”+
""},
“iDisplayLength”:100
});
谢谢

正确的方法是添加带有值数组的lengthMenu属性

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

如果单击某个按钮,然后更改数据表的显示长度,则可以尝试以下操作:

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

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

如果要将“lengthMenu”与按钮(复制、导出)一起使用,则必须使用此选项dom:“lBfrtip”。 在这里你可以找到每个符号的含义。 例如,如果您将像这样使用“Bfrtip”,则不会显示lengthMenu

页长:50

为我工作谢谢

供参考的版本

jquery-3.3.1.js

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


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

您无需编写js即可轻松实现这一点。 只需添加一个名为data page length={将数字放在这里}的属性。 参见下面的示例,我使用100作为示例

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


我使用了您的上述逻辑,它工作正常,但在“显示条目”选择框中,我仍然有10 25 50,在我的情况下,它应该显示5 10 50 100。。如何更改选择框条目?我喜欢您将链接添加到源。这是一个完美的
iDisplayLength
现在是遗留的。改为使用
pageLength
。您也可以在较新版本中使用选项名称:
lengthMenu
而不是
aLengthMenu
。非常感谢您的更新。阿伦哲努也不是为我工作。
<table id="datatable-keytable" data-page-length='100' class="p-table table table-bordered" width="100%">