Two sorting icons - bootstrap

crich04

I have two sorting icons showing up. Both are from dataTables.bootstrap.min.css

table.dataTable thead .sorting:after {
opacity: 0.2;
content: "\e150";
}
AND
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
position: absolute;
bottom: 8px;
right: 8px;
display: block;
font-family: 'Glyphicons Halflings';
opacity: 0.5;
}

How do i handle this? Edit the CSS?

kthorngren

Guessing you have conflicting Datatables CSS files. Are you loading both jquery.dataTables.min.css and dataTables.bootstrap.min.css? If so you should only load dataTables.bootstrap.min.css.

Use the Download Builder to generate the proper set of files for your environment.

Kevin