Topic: How to make an overflow auto in datatable?

Grand Est Automobiles Services pro asked 5 years ago

Hello MDB, i\\\'m trying to make an overflow auto in my datatable, but i can\\\'t make it, how can i fix it? I just want to get this :  Can you help me please?

Bartłomiej Malanowski staff commented 5 years ago

Could you please tell us what's the problem? Please provide us more details

MDBootstrap staff answered 3 years ago

Hi Grand and Jrn,

Does this type of styling help?

.datatable td {
  overflow: hidden; /* this is what fixes the expansion */
  text-overflow: ellipsis; /* not supported in all browsers, but I accepted the tradeoff */
  white-space: nowrap;

Best Regards, Piotr

Jrn102020 free answered 3 years ago

He wants to make the overflow in his datatable hidden with an ellipsis.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes