Как изменить результаты на значение страницы в таблицах данных

Question

Datatables имеет возможность выбрать количество записей, отображаемых на странице. Значение по умолчанию начинается с 10, 25, 50 и 100. Как я могу изменить его, чтобы начать с 5 вместо 10? 10 записей - это слишком много и занимает много места в моем текущем дизайне. Thanx!

http://datatables.net/

Answer 1

Полностью правильный ответ будет использовать оба и отображать длину до 5:

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

Если вы используете просто «iDisplayLength», то в раскрывающемся списке эта длина не будет указана в опциях позже или при загрузке страницы (вместо этого вы увидите первый вариант, IE 10 по умолчанию). Если вы ПРОСТО используете «aLengthMenu», то ваши результаты по умолчанию все равно будут равны 10 вместо первой опции меню.

Answer 2

Вы захотите использовать параметр iDisplayLength при инициализации объекта DataTable. Вот пример, который они перечисляют в своей документации:

$(document).ready( function() {
    $('#example').dataTable( {
        "iDisplayLength": 50
    } );
} )

Более подробную информацию можно найти здесь: http://www.datatables.net/usage/options

Answer 3

$.extend(true, $.fn.dataTable.defaults, {
    "lengthMenu": [[5, 10, 15, 20, 25], [5, 10, 15, 20, 25]],
    "pageLength": 5

});

Answer 4

Ответ решил мою проблему с необходимостью следующего сценария

$(document).ready( function(){
    $('#table').dataTable({
  "aLengthMenu": [[10, 25, 50, 100], ["10 Per Page", "25 Per Page", "50 Per Page", "100 Per Page"]]
    });
});

Answer 5

Я понимаю, что этот вопрос старый, но принятый ответ не отвечает на вопрос ОП.

Ответ заключается в переопределении опции aLengthMenu при инициализации dataTable. Смотрите здесь: http://datatables.net/examples/advanced_init/length_menu.html

Answer 6

Вы можете просто добавить:

"lengthMenu": [ 
 [10, 25, 50, -1], 
 [10, 25, 50, "All"] 
] // remember to add  "," if you initialize more option manually

или если вы хотите добавить эту опцию

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

, который даст вам раскрывающийся список для выбора количества записей на страницу в пагинации

Answer 7

Это вряд ли для данных таблиц 1.9
"iDisplayLength": 50