Измените значения поля выбора "показать 10 записей" jQuery datatable
по умолчанию jQuery datatable показывает 10 по умолчанию и имеет
варианты : 10,25,50,100
Как я могу изменить эти параметры?
8 ответов
Не забудьте также изменить iDisplayLength:
$(document).ready(function() {
$('#tbl_id').dataTable({
"aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]],
"iDisplayLength": 25
});
} );
$(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
в моем случае , 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
});
спасибо
согласно datatables.net правильный способ сделать это-добавить свойство lengthMenu с массивом значений.
$(document).ready(function() {
$('#example').dataTable( {
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
} );
} );
$('#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,
});
Если вы нажмете кнопку,затем измените datatables displaylenght,вы можете попробовать это :
$('.something').click( function () {
var oSettings = oTable.fnSettings();
oSettings._iDisplayLength = 50;
oTable.fnDraw();
});
oTable = $('#example').dataTable();
Если вы хотите использовать 'lengthMenu' вместе с кнопками (копировать, экспортировать), вы должны использовать эту опцию dom: 'lBfrtip'. Здесь https://datatables.net/reference/option/dom Вы можете найти значение каждого символа. Например, если вы будете использовать как этот "Bfrtip", lengthMenu не появится.
работал для меня, спасибо
версий для справки
jquery-3.3.1.js
/ 1.10.19/js / jquery.объекты DataTable.минута.js
/buttons / 1.5.2 / js / dataTables.кнопки.минута.js