Измените количество строк по умолчанию для отображения на одной " странице"

Question

Измените количество строк по умолчанию для отображения на одной " странице"

Как я могу указать количество строк для отображения на одной "странице" при использовании функции разбиения на страницы DataTables?

514 4

datatables

4 ответов:

Comments

Ничего не найдено.

Jeromy French · Accepted Answer · 2015-07-13 06:40:51

Для DataTables версии 1.10.5 и новее , как описано в блоге , объявляющем об интеграции атрибутов HTML5 data -* , количество строк, отображаемых на странице, можно указать через исходную (HTML) таблицу через атрибут data-page-length:
<table data-page-length='25'>
     ...
</table>
Для таблиц данных версии 1.10 и новее , как описано в Reference > Options > pageLength, количество строк, отображаемых на странице, можно указать через pageLength атрибут:
$('#example').dataTable( {
    "pageLength": 50
});
Для таблиц данных старше версии 1.10 , как описано в DataTables > Usage > Options > iDisplayLength , количество строк, отображаемых на странице, можно указать с помощью атрибута iDisplayLength:
$('#example').dataTable( {
    "iDisplayLength": 50
});
Мои два цента: используйте подход data-*. Это позволяет вам сделать один вызов dataTable, предоставляя возможность настроить поведение каждой отдельной таблицы:
<table class="apply_dataTable" data-page-length='25'>
     ...
</table>

<table class="apply_dataTable" data-page-length='50' data-order='[[2, "desc"]]'>
     ...
</table>

<script>
    $('table.apply_dataTable').dataTable(); //one invocation of datatables treats each table they way it wants to be
</script>

yulie · Accepted Answer · 2015-12-16 03:30:01

Использование lengthMenu также может помочь:
$(document).ready(function() {
$('#example').DataTable( {
    "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
} );
} );

Https://datatables.net/examples/advanced_init/length_menu.html

ahale · Accepted Answer · 2017-07-12 18:18:15

Using version 1.11-используйте атрибут 'data-show'.

Thiru · Accepted Answer · 2017-11-27 15:26:50

Мы можем установить атрибут с помощью jquery и сложить в общий файл.
$('.dataTablegrid').attr('data-page-length',50);
Это будет применяться для всех таблиц данных в рамках проекта