How to make an overflow auto in datatable?

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: How to make an overflow auto in datatable?

Grand Est Automobiles Services pro asked 7 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 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

Write
Create snippet
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
About author
Grand Est Automobiles Services
Pro User
2Support score
3Questions 0Answers
0Snippets likes 0Snippets