Topic: Best way to make responsive table scrollable vertically

Łukasz Salamon pro asked 7 years ago


Hi, My goal is to have a table with 100s of rows to show only some of them and the rest to be scrollable to. Basically fix the height of the table to available space in parent. Would be nice to have a header stick to the top - but not necessary. I've seen some answers on stackoverflow on how to do something like that with other libraries/css/html. Was wondering though what's the best way to achieve it using MDB. Is there anything out of the box that I could use ? regards

Dawid Adach pro answered 7 years ago


Hi.

If you want to have table that can be scrolled vertically you should try adding for its wrapper css  overflow-y: scroll;

Best Regards, Alan Mroczek


Łukasz Salamon pro commented 7 years ago

I did something like that ('hidden' won't add scroll, and overflow-x is for horizontal scroll). But I was hoping to get something out of the box. That's fine - If there is no feature like that already there I'll use css and wrapper. Thanks.

free commented 7 years ago Edit Delete

True, of course I meant that, my bad. Fixed.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags