Remove sorting arrows in jQuery DataTables

None of the presented solutions worked for me. But I have just found this one;

.dataTable > thead > tr > th[class*="sort"]:before,
.dataTable > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}

PS.: DataTables version "datatables": "~1.10.2"

The icons is defined as background : url(..) on the CSS classes. Disable them by :

.sorting, .sorting_asc, .sorting_desc {
    background : none;
}

see jsfiddle -> http://jsfiddle.net/5V2Dx/ Note : This solution is for datatables 1.9.x!!

Update. When using datatables 1.10.x, the CSS for resetting the header icons is a little bit different :

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

see -> http://jsfiddle.net/kqpv3ub9/ (updated demo is using dataTables 1.10.11)

You can use the datatable properties like below, it will hide the sorting icon from datatable columns :

"targets": 'no-sort',
"bSort": false,
"order": []

Related