Add vertical scroll bar in Data table ( component)

App Development
1

is there any way to add vertical scroll bar in data table component?

1 Like
2

The easiest solution is to give the table a max-height and add overflow:auto to the Y axis

.table-responsive {
    max-height: 400px;
    overflow-y: auto;
}

https://dataflowstudios.tadabase.io/scrollable-table#!/default

Here’s a more complex solution to read over - https://stackoverflow.com/questions/17067294/html-table-with-100-width-with-vertical-scroll-inside-tbody/17380697

I can try to make a working demo if you’d like.

3

it works ! Thx Tim !

is there anyway to freeze the pane of “header” of the datatable?

4

Yes, but it’s much more complicated. This explains the process but the code will need to be modified.