Как убрать дефолтную сортировку по первому столбцу?
Если инициализировать плагин Datatables, то по дефолту он сортирует данные по первому столбцу
$(document).ready(function() {
$('#example').DataTable();
});
<link href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<table id="example" class="display" style="width:100%">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Position</th>
</tr>
</thead>
<tbody>
<tr>
<td>3</td>
<td>Tiger Nixon</td>
<td>System Architect</td>
</tr>
<tr>
<td>5</td>
<td>Garrett Winters</td>
<td>Accountant</td>
</tr>
<tr>
<td>2</td>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
</tr>
<tr>
<td>4</td>
<td>Cedric Kelly</td>
<td>Senior Javascript Developer</td>
</tr>
<tr>
<td>1</td>
<td>Airi Satou</td>
<td>Accountant</td>
</tr>
</tbody>
</table>
Как отключить данную сортировку, чтобы данные выстраивались именно в той последовательности, в которой был произведён рендеринг данных или передан массив с данными?
Ответы (1 шт):
Автор решения: Сергей Мишин
→ Ссылка
Для старых версий (<1.10) необходимо установить у поля "aaSorting" значение пустого массива:
$(document).ready( function() {
$('#example').dataTable({
/* Отключение сортировки при инициализации */
"aaSorting": []
});
})
Для более новых версий (>= 1.10) использовать поле order:
$(document).ready( function() {
$('#example').dataTable({
/* Никакой сортировки во время инициализации */
"order": []
});
})