Both sorting icons showing

ichbin

I cannot figure out why the sorting icons are showing both icons at the same time. I've seen some posts about not having included the proper files for datatables, but I think I have it right. Here's a fiddle to show the issue.
https://jsfiddle.net/xtv2ekdy/

Any idea what I'm doing wrong?

kthorngren

That is expected behavior. You can see it in this example:
https://datatables.net/examples/styling/bootstrap4.html

I think the posts you've seen are discussing two sets of icons; one for default Datatables stying and one for Bootstrap styling. This is due to including the CSS for both the default styling and BS integration. Which is not the problem you are demonstrating.

Both icons are shown to indicate columns that can be sorted. They are highlighted to show the actual sorting. Not sure of a way to show only one. Is this what you are after? What would you show if the column is sortable but with no sorting applied?

Kevin

ichbin

Oh! It didn't even occur to me that would be default behavior. I think because of how the icons seem to overlap or touch. Your example makes it clear, and IMO looks better haha. Thank you for the response!