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

Ответ 1

Для DataTables версии 1.10.5 и новее, как описано в сообщении в блоге, объявляющем об интеграции атрибутов HTML5 data- *, количество строк, отображаемых на странице, можно указать с помощью таблицы источника (HTML) через data-page-length атрибут data-page-length:

<table data-page-length='25'>
     ...
</table>

Для DataTables версии 1.10 и новее, как описано в разделе Справка> Параметры> pageLength, количество строк, отображаемых на странице, можно указать с помощью атрибута pageLength:

$('#example').dataTable( {
    "pageLength": 50
});

Для DataTables старше версии 1.10, как описано в DataTables> Usage> Options> iDisplayLength, количество строк, отображаемых на странице, может быть указано с помощью атрибута iDisplayLength:

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

Мои два цента: используйте подход data-*. Это позволяет вам создать один вызов dataTable (который вы можете использовать в своем приложении), предоставляя возможность настроить поведение каждой отдельной таблицы:

<!-- table with embedded custom configurations -->
<table class="apply_dataTable" data-page-length='25'>
     ...
</table>

<!-- table with different embedded custom configurations -->
<table class="apply_dataTable" data-page-length='50' data-order='[[2, "desc"]]'>
     ...
</table>

<!-- one JavaScript call enhances both tables above -->
<script>
    $('table.apply_dataTable').dataTable(); //one invocation of datatables treats each table they way it wants to be
</script>

Ответ 2

Использование lengthMenu также может помочь:

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

});

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

Ответ 3

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

Ответ 4

Мы можем установить атрибут с помощью jquery и добавить в общий файл.

$('.dataTablegrid').attr('data-page-length',50);

Это применимо для всех типов данных в проекте

Ответ 5

за 10 записей

$('#datatable').DataTable({"pageLength": 10});

за 50 записей

$('#datatable').DataTable({"pageLength": 50});

для всех записей

$('#datatable').DataTable({"pageLength": -1});