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

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显示的长度下拉菜单中轻松指定条目.它可以是将用于显示的选项和值的一维选项数组,也可以是将第一个位置的数组用作值的二维数组,以及第二个位置的数组作为显示的选项(对于诸如"全部"之类的语言字符串很有用).

更新

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