Scroll Bar in RG

[bri.bubble01]

I am using a repeating group to display a list as shown in the image.

Now, up to 8 lines are displayed without scrolling.
When there are 9 or more lines, a vertical scroll is displayed,
When the scroll appears, the scroll
The columns will be displayed horizontally shifted by the width of .

The overall width is correct, but how can I display the scroll without shifting the width?

[if-dev]

I recommend using a plugin that allows you to customize the scrollbar or setting the max height for the group containing the repeating group so that a scrollbar appears for the entire group.

If the scrollbar is visible for the entire group, the categories at the top may not be visible when scrolling down, but you can use sticky code to make them fixed at the top.

here is the sticky code

#yourGroup {
position: sticky;
top: 0px;
}

if-dev.io | support@if-dev.io | KakaoTalk Open Chat:

At IF-DEV, we deeply listen, understand, and deliver creative solutions using no-code tools. We turn small ideas (if) into big transformations.

[ahmed.elkaffas]

Are you sure you need to keep this scroll appearing starting from the 9th line ? I guess you need to make your whole table responsive with the header sizes = exactly the size of its orresponding column.

Hope this helps !

[bri.bubble01]

Thank you your reply.

I could display without shifting as per your advice using element conditional(RG count > 8…)