Two sorting icons - bootstrap

Two sorting icons - bootstrap

crich04crich04 Posts: 20Questions: 6Answers: 0

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?

Answers

  • kthorngrenkthorngren Posts: 20,141Questions: 26Answers: 4,736

    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

This discussion has been closed.