Best way to make responsive table scrollable vertically

Topic: Best way to make responsive table scrollable vertically

Łukasz Salamon pro asked 6 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

Add comment

Dawid Adach pro answered 6 years ago

0 0 Best answer

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 6 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 6 years ago Edit Delete

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

Add comment

Write

Create snippet

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

Łukasz Salamon

Pro User 10Support score
3Questions 5Answers 0Snippets