Удалить сортировку стрелок в jQuery DataTables

$('#sample_1 thead tr th:first-child').removeClass('sorting');

Существует другое решение, чтобы скрыть значки сортировки из столбца. Применить класс css к заголовку, скажем,

<th class="sorting_disabled"></th>

и определить класс css в стиле

.sorting_disabled
{
   background-image:none !important;
}

Это решение сработало и протестировано для версии 1.10+ с датой jquery

В последней версии datatables / CDN он снова отличается

table.dataTable thead .sorting:after
{
    display: none;
}

Скрывает фильтры.

С уважением

Добавьте этот стиль на свою страницу

table.dataTable thead .sorting::after {
    opacity: 0.2;
    content: "";
}

Поставь ниже CSS. Он будет скрывать только значок, однако сортировка будет работать.

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-image: none!important;
}

Это сработало для меня.

 #sample_1>thead>tr>th.sorting, #sample_1>thead>tr>th.sorting_asc, #sample_1>thead>tr>th.sorting_desc {
        background : none;

    }
    #sample_1>thead>tr>th.sorting:after, #sample_1>thead>tr>th.sorting_asc:after, #sample_1>thead>tr>th.sorting_desc::after {
        content: none; 
    }

Это позволит вам изменить значки сортировки по умолчанию для пользовательских значков, которые я получил из поста Иршада выше и поста Сушила из здесь . Пришлось сделать это из-за браузеров с отключенным рендерингом шрифтов, который был вне нашего контроля.

.dataTable > thead > tr > th[class*="sort"]::after{display: none}

table.dataTable thead .sorting { background: url('/Content/images/sort-both.png') no-repeat center right; }
table.dataTable thead .sorting_asc { background: url('/Content/images/sort-asc-list.png') no-repeat center right; }
table.tabledataTable thead .sorting_desc { background: url('/Content/images/sort-desc-list.png') no-repeat center right; }

В моем случае это работало нормально.

.sorting:after,
.sorting_asc:after,
.sorting_desc:after{
    content: "";
    background: none !important;
}

Вы также можете удалить изображения значков (вместо добавления нового CSS) в папку:

DataTables-1.10.16\images

Для DataTables 1.10.7 небольшой вариант для davidkonrad css style:

table.dataTable thead th.sorting, 
table.dataTable thead th.sorting_asc, 
table.dataTable thead th.sorting_desc {
    background : none;
}

Включите элемент «th».

Это то, что сработало для меня

.dataTable > thead > tr > th[class*=sort]:after{
    display:none;
}

CSS классы sorting_asc и sorting_desc приносят значок.

Самое простое решение для локализации исправления для конкретной таблицы - после инициализации таблицы выполнить в fnInitComplete следующее:

$(TABLE).find("thead th").removeClass("sorting_asc");

Пример:

<display:column property="......" title="......" sortable="true"/>

Это сделает сортировку столбца без отображения стрелок.

Использование CSS:

.DataTables_sort_icon { display:none;}

(Начиная с DataTables 1.10 ) Если вам это не нужно, отключение упорядочивания является одним из способов предотвращения появления элементов управления со стрелками. Сделайте это при инициализации таблицы, указав опцию «ordering» как false .

Пример :

$("#example").DataTable({
   "ordering": false
});

JSFiddle

Документация:

Включить или отключить упорядочение столбцов - это так просто!

Предостережение: нет сортировки вообще . [тысячу сто двадцать одна]

var after = $('#after').DataTable({
  "order": [[1,"asc"]],                       // sorting 2nd column
  "columnDefs": [
    { "orderable": false, "targets": "_all" } // Applies the option to all columns
  ]
});