I’m trying to build a responsive table and struggle heavily with horizontal scrolling.
My main goal/ issue:
- For every row, there should be only one cell/ record. I want 10 visible rows overall, that can be scrolled normally.
- First 2 elements within the cell should be frozen/ fixed, the rest should scroll horizontally.
- Headers should scroll at the same time.
Like this:
Like this but with more rows and first elements fixed.
I searched the forum (eg here), watched videos, asked AI but somehow I’m still missing something.
I can make it scroll horizontally (by removing fixed no. of rows/ columns) but then I can’t specify how many columns should be there. Is there a solution?
Hey Richard,
I am not sure that I understood what you are not able to do correctly but here is what I would do to achieve what you mentioned.
1 Create a Repeating group for the first two elements
2 Create another repeating group with only one cell
3 Create another repeating group inside repeating group n2 with the rest of the elements
This should achieve what you want
It should be something like this:
Please let me know if this works
Best
Julian
Thanks Julian.
I replicated what you suggested but it didn’t quite work, the elements are for example stacked on top of each other.
RG1:
RG2:
RG3:
All dummy text elements are like this:
And the groups to make the elements align horizontally are like this
