Hey all. Can anyone please help me create a sticky header row for a chart that is part of this new website that I’m building? In other words, I’d like the top row (with all the column headers) to stay on the screen while the visitor scrolls down the page. All the content in the rows beneath should simply disappear behind the top header row as the user scrolls down the page.
Hey thank is awesome. Thank you, @Kyle_Davies1 . Unfortunately, the link I provided was read-only, though, so your changes weren’t saved on my end. Are you able to explain in words how you achieved this result, please? Any help would be greatly appreciated. Thank you!
Select the “Container Default” I would add another class called “Chart” Select relative positioning(under the drop-down that says static currently) sticky positioning needs a relative position parent to work.
Select Grid 3 select sticky under the positioning dropdown, add about 5px to the top under the positioning dropdown and background colour so it doesn’t overlap with the other text.
From here you should have the effect you want then play around with some more padding drop shadows etc to grid 3 for a polished look.
