Изменить отображаемое количество строк jquery datatables по умолчанию - PullRequest
Новая
       36

Изменить отображаемое количество строк jquery datatables по умолчанию

28 голосов
/ 14 февраля 2012

По умолчанию таблицы данных имеют 4 размера записей для отображения: 10,25,50,100.

A) Есть ли способ изменить это?Я попытался отредактировать файл jquery, чтобы изменить сам массив на [30,60,90,120], и это уничтожило его.

B) Есть ли способ установить размер выбора по умолчанию, скажем, 50 (вместо 10)этого селектора при инициализации, когда его собирает jquery?

Я не могу найти ни один из этих пунктов в документации.

Ответы [ 3 ]

66 голосов
/ 14 февраля 2012

[Обновление, потому что у этого ответа, кажется, есть некоторые представления] -

Обновленный ответ:

В более поздних версиях (я верю 1.10+) соглашения об именах API изменились, отказавшись от венгерской нотации. Я считаю, что старые соглашения имеют псевдонимы для совместимости, но текущие соглашения: 

lengthMenu
pageLength

Таким образом, обновленные ответы:

A) это lengthMenu параметр: https://datatables.net/reference/option/lengthMenu

Например, вот как у меня есть один из моих наборов: 

"lengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]],

B) pageLength https://datatables.net/reference/option/pageLength - опционально установите для этого параметра значение по умолчанию. 

"pageLength" : 25,

Оригинальный ответ

A) Это aLengthMenu параметр: http://datatables.net/ref#aLengthMenu

Например, вот как у меня есть один из моих наборов: 

"aLengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]],

B) iDisplayLength - установите для этого параметра значение по умолчанию

1 голос
/ 18 октября 2015

  • DataTables 1.10 +

    Используйте lengthMenu для определения списка доступных длин страниц и , необязательно pageLength для установки начальной длины страницы.

    Если pageLength не указано, для него будет автоматически установлено первое значение, указанное в массиве, указанном lengthMenu. 

    var table = $('#example').DataTable({
   lengthMenu: [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
   pageLength: 4
});

    См. этот jsFiddle для кода и демонстрации.

  • DataTables 1.9

    Используйте aLengthMenu, чтобы определить список доступных длин страниц, и iDisplayLength, чтобы установить начальную длину страницы.

    var table = $('#example').dataTable({
   "aLengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
   "iDisplayLength" : 4,        
});

    См. этот jsFiddle для кода и демонстрации.

0 голосов
/ 08 мая 2019

версия с датой: 1.9.4 Что работает для меня это: Сначала я искал файл Jquery.dataTables, который в основном находится в папке js. Затем я ищу «aLengthMenu»: [10, 25, 50, 100] и меняю его в соответствии с моими требованиями, то есть «aLengthMenu»: [50, 75, 100, 125]. После этого я искал «iDisplayLength» и, где бы его значение не отображалось как 10 (от 4 до 5 мест), я менял его на 50 и сохранял. В раскрывающемся списке на моей странице индекса появилась опция строки 50,75,100,125 вместо 10,25,50,100 с опцией по умолчанию 50.

...