OK, so I am have a headache of an issue. I have a Floating Group I currently want to Vertically Float Relatively to the top, but when I decrease the width of my page, I need the floating group to scroll with the rest of my site (I.E the repeating group / table underneath).
I’ve not managed to figure out the CSS. Currently how it looks is as so:
At the top you see two columns (within the floating group) however as you can see in the below screenshot, when I reduce the size of browser and scroll across, it stays aligned to the left so that the columns are not aligned:
This is the current setup of my floating group:
Any help would be highly appreciated, so thank you in advance.
Welcome to the club 
Don’t you mean rows?
All your headers and rows elements need to have the exact same width settings (max and min width) in order to keep your columns aligned.
Thanks for the swift reply, appreciate your welcome 
I did mean rows (apologies).
So I’ve double checked, all columns are aligned and both have groups (My table is in a separate group under it). - All of them are set to percentages, what appears to be happening is when I scroll across on the page, the table (group below) is moving, but the head which consists of both the Sorting / Other features & Table Header isn’t scrolling horizontally with it when I use the scroll bar to go right.
I imagine there’s a really simple solution but it’s been 3 hours of searching for a solution without any luck.
All I need the floating group to do is scroll left, not be fixed left. (relative to left).
Thanks again!
Do you mind to make your editor visible? So I can take a further look…
I’m not sure how to do that specifically but I can give you the link?
