73
Views
3
Comments
Solved
Scroll in Table not working (CSS)
Question
Application Type
Reactive

Hi I have a form with a table. I created a css to add scroll for the table but it seems not working. It expands all the fields.


Heres what I did. I don't know if I forgot something in the css.


Many thanks!

Ruru

2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Hi Ruru,

For your use case, you need to add the overflow: scroll, to make the container scroll when there is enough content to cause overflow.

CSS Snippet:

.scroll-tbl {
    height: 300px;
    width: 700px;
    overflow: scroll;
}

Demo screen: Scroll_EmployeeList

I hope this helps you!


Kind regards,

Benjith Sam

2024-02-23 00-37-54
Ruru

Thank you so much, Benjith. I set the width instead of %, I use px, and that solves my problem.



Regards,

Ruru

2021-03-18 21-03-15
Benjith Sam
 
MVP

You're welcome, Ruru.

Glad to help you :)


Kind regards,

Benjith Sam

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.