Lost list sort icone

YVO53

Hi,
I make a upgrade of front awesome, 4.xx - > 5.10
... and now I lost the sort icones from header list.

What is the solution?

Thank for your help :-)

kthorngren

Font Awesome is independent of the sorting icons. First place I would look is the browser's console for errors. Next check the order of your CSS includes. Beyond that it would be hard to say what the problem is without seeing it. Please post a link to your page or a test case replicating the issue.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

YVO53

Thanks for your help.
Yes, Font Awesome is independent of icones from Datatables... but I lost order icone since after this upgrade.
For information, I have no error in the console.
Perhaps, there are a CSS confilct ?
Impossible give you a link because it's a business application for a customer... I'll try to find a solution :-)

YVO53

Question: How Datatables work displaying the sort icones in the column header?

YVO53

I found the origine: a CSS jquery.data.css

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*: ;
margin-right: .3em;
float: right;
content: "\f0dc";

The content define the icone. But It sould work because it's the same code who is describe by Awesome:
"f0dc" for "fas fa-sort"

At this step, I don' know why I have an icon "square empty" instead of the right icon???

kthorngren

Here is an example with Font Awesome 5.
http://live.datatables.net/rugiberu/1/edit

The sorting icons are visible. Maybe you can update the test case to replicate your issue.

Kevin

YVO53

Thanks for your help :-)

In fact, I resolve this issue as follow:
In jquery.datatables.less, I add:
&:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;