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

Ответ 1

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

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

Ответ 2

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

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

Обновление

Так как DataTables v1.10, параметры, которые вы ищете, это pageLength и lengthMenu

Ответ 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

        });

Спасибо

Ответ 4

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

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

Ответ 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,
                });

Ответ 6

если вы нажмете какую-нибудь кнопку, а затем измените данные datatables на уровень отображения, вы можете попробовать следующее:

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

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

Ответ 7

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

Ответ 8

длина страницы: 50,

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

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

JQuery-3.3.1.js

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

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

Ответ 9

Вы можете достичь этого легко без написания Js. Просто добавьте атрибут с именем data-page-length = {введите здесь свой номер}. см. пример ниже, я использовал 100, например

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