Значок asc для сортировки данных по-прежнему отображается в первом столбце, даже если он отключен
Привет у меня есть следующий дизайн таблицы. Я не хочу, чтобы первый и последний столбец сортировались. Я установил соответственно. Но значок asc все еще появляется в первом столбце, но не в последнем столбце. Но когда я пытаюсь отсортировать второй столбец, он уходит.
<table id="userTable" name='userTable' class="table table-striped table-bordered bootstrap-datatable " data-column-defs='[{"sortable": false, "targets": [0,3]}]' style='table-layout: fixed;'>
<thead>
<tr>
<th class="no-sort" style='width: 10%;'>No.</th>
<th style='width: 25%;'>First Name</th>
<th style='width: 20%;'>last Name</th>
<th style='width: 25%;'>Details</th>
</tr>
</thead>
</table>
Решение
Даже если вы отключите сортировку для столбца, сортировка dataTables order все еще остается. По умолчанию order является [0, 'asc']; просто установить order вместо этого выберите целевой столбец № 2:
var table = $('#example').DataTable({
//....
order: [[ 1, "asc" ]] //column indexes is zero based
})
демо -> http://jsfiddle.net/6k26o7mk/
Или использовать order: [] если вы вообще не хотите использовать порядок по умолчанию (значки будут скрыты, пока пользователь не отсортирует таблицу).
Другие решения
Я не смог заставить это работать с таблицами данных версия: 1.10.11 с помощью конструктора загрузок DataTables
В этом случае я использовал jQuery в качестве обходного пути для удаления класса сортировки, который, в свою очередь, удалит значок.
$(document).ready(function () {
$('#my-dataTables').DataTable({
paging: false,
ordering: false,
info: false,
});
// Removes icon
$('.sorting_asc').removeClass('sorting_asc');
});