How to make an overflow auto in datatable?


Topic: How to make an overflow auto in datatable?

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 pro premium commented 7 years ago

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

Jrn102020 answered 5 years ago

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


MDBootstrap staff pro premium priority answered 5 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


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

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