Topic: Datatable sort icons not showing (Font Awesome 5 JS)
Hello,
I already did some Datatables previously with no problem but I have a problem with the new MDB version: the sort icons don't display, I have a little square instead as you can see in the screenshot. I use Font Awesome 5 JS version.
I tried to do a snippet but the datatables function seems desactived.
The screenshot: https://ibb.co/HY3sD9G
The snippet:
Maybe this person has the same problem? https://mdbootstrap.com/support/angular/font-awesome-icon-problem-in-latest-update/
Thank for your help,
Jerome
Hi, i've solved this problem by replacing
font-family:"Font Awesome\ 5 Free", sans-serif;
with
font-family:"Font Awesome 5 Pro";
in the file datatables.min.css because i'm using the PRO version of fontawesome in my project. Now, the ordering icons are displayed properely.
for me
<i class="fa fa-linkedin"> </i>
changed to <i class="fab fa-linkedin"> </i>
worked for me
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.4
- Device: PC
- Browser: All
- OS: Windows
- Provided sample code: No
- Provided link: Yes
Piotr Glejzer staff commented 6 years ago
Hi,
I think this is similar problem like this topic : https://mdbootstrap.com/support/jquery/strange-character-or-mini-box-appearing-in-title-row-of-datatable/ May you read this? If it will not help, let me know. Best,
Piotr.