MDBDataTable header not showing sort icon but onclicking he

Topic: MDBDataTable header not showing sort icon but onclicking header field it is sorting

Kumar Gaurav asked a year ago

Expected behavior MDBDataTable header not showing sort icon but onclicking header field it is sorting

Actual behavior it should show icon Resources (screenshots, code snippets etc.)

Anna Morawska staff answered a year ago

HI @Kumar Gaurav,

have you properly imported font awsome styles in your root index.js file? Do you see any errors in the console?

import "mdbreact/dist/css/mdb.css";
import "@fortawesome/fontawesome-free/css/all.min.css";
import "bootstrap-css-only/css/bootstrap.min.css";

Best regards,


jothi commented 9 months ago

I also face the same issue and I have added the css files to index.js still the sorting icons are not showing as per the demo but able to sort on click. kindly help me in this issue

Piotr Glejzer staff commented 9 months ago

can you copy your app file with this problem?

mdb react is useless

Bartłomiej Malanowski staff pro premium commented 9 months ago

Your comment is useless either. I bet the problem is not with our package - maybe you just don't know how to use it properly. If you were wishing to share your opinion about our product, a better way would be to tell us what exactly seems to be useless to you. Your comments tell us nothing about what can we improve to make it proper enough for you. As you might notice, almost every issue is being resolved by our best developers and even the problems that were impossible in the past were resolved. If you'd take some time, you'll see how easy is the process of properly reporting us a bug.

Adesh Kumar answered 8 months ago

Hello, I am also facing the same issue that sorting icons are not visible on table header. However icons are visible on selecting per page items, search icons, pagination is also working good. But sorting icons are not visible. I am using nextJS . My react version is 16.4.1 and mdb version i am using is 4.24.0. Can anyone help whats the issue.

Piotr Glejzer staff commented 8 months ago

Can you show me a code about your problem? I would like to see a App.js file code and code where you have this datatables.

Please insert min. 20 characters.


Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: React
  • MDB Version: 4.13.0
  • Device: laptop
  • Browser: chrome
  • OS: ubuntu
  • Provided sample code: No
  • Provided link: No