Best way to make responsive table scrollable vertically

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
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.

a.mroczek commented 7 years ago

True, of course I meant that, my bad. Fixed.
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

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Łukasz Salamon
Pro User
10Support score
3Questions 5Answers
0Snippets likes 0Snippets