CODEWITHSUNDEEP
jquerycssdatatablespug
John Doe
John Doe

Reputation: 25

Datatables hide sort icons on one table, but keep on another

So I would like sort icons on all tables, however, they don't fit on one of them as it's pretty crammed anyway and the sort icons make it look ugly. They do fit on other datatables. How can remove the sort icons on just one table only? I tried in the css removing references etc but this seems to effect all of them.

At present, I have in my CSS

/* Loading Sorting images for datatables */ 
table.dataTable thead .sorting { background: url('../images/datatables/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc { background: url('../images/datatables/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc { background: url('../images/datatables/sort_desc.png') no-repeat center right; }

table.dataTable thead .sorting_asc_disabled { background: url('../images/datatables/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled { background: url('../images/datatables/sort_desc_disabled.png') no-repeat center right; }


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

But this doesn't work for hiding the sort icons on table #active-table

Upvotes: 0

Views: 710

Answers (1)

Peter Burgundy
Peter Burgundy

Reputation: 81

This is what worked for me:

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

Upvotes: 1

Related Questions