的选择框的变化值“显示10项” jQuery的数据表的(Change values of selec

2019-06-24 13:10发布

默认情况下,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:此参数可让您随时指定长度的条目下拉菜单中启用了分页时数据表显示。 它可以是任何一种,这将同时用于所显示的选项和的值,或将使用阵列中的第一位置作为值的2D阵列选择一维阵列,并且在所述第二位置的阵列显示的选项(语言字符串,如“所有”有用)。

更新

由于数据表V1.10,你正在寻找的选项pageLengthlengthMenu



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,你可以试试这个:

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

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


Answer 7:

如果你想用按钮(复制,导出)使用“lengthMenu”在一起,你就必须使用这个选项DOM:“lBfrtip”。 这里https://datatables.net/reference/option/dom你可以找到每个符号的含义。 例如,如果你会使用这样的“Bfrtip”,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很容易做到这一点。 只需添加一个名为数据页的长度=属性{把你的电话号码在这里}。 见下文实施例中,我使用100例如

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


文章来源: Change values of select box of “show 10 entries” of jquery datatable