Измените значения поля выбора "показать 10 записей" jQuery datatable

по умолчанию jQuery datatable показывает 10 по умолчанию и имеет

варианты : 10,25,50,100

Как я могу изменить эти параметры?

49
datatables jquery

8 ответов

Не забудьте также изменить iDisplayLength:

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

aLengthMenu : Этот параметр позволяет легко указать записи в раскрывающемся меню длина, которые DataTables показывает при включении разбиения на страницы. Это может быть либо 1D массив опций, который будет использоваться как для отображаемого параметра, так и для значения, или 2D массив, который будет использовать массив в первой позиции в качестве значения, а массив во второй позиции в качестве отображаемых опций (полезно для языковых строк, таких как "Все").

обновление

начиная с DataTables v1.10, варианты, которые вы ищете, являются pageLength и lengthMenu

38

в моем случае , 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

        });

спасибо

7

согласно datatables.net правильный способ сделать это-добавить свойство lengthMenu с массивом значений. 

$(document).ready(function() {
    $('#example').dataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
    } );
} );
6
 $('#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,
                });
4

Если вы нажмете кнопку，затем измените datatables displaylenght，вы можете попробовать это ：

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

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

Если вы хотите использовать 'lengthMenu' вместе с кнопками (копировать, экспортировать), вы должны использовать эту опцию dom: 'lBfrtip'. Здесь https://datatables.net/reference/option/dom Вы можете найти значение каждого символа. Например, если вы будете использовать как этот "Bfrtip", lengthMenu не появится.

1

enter image description here pageLength: 50,

работал для меня, спасибо

версий для справки

jquery-3.3.1.js

/ 1.10.19/js / jquery.объекты DataTable.минута.js

/buttons / 1.5.2 / js / dataTables.кнопки.минута.js

0