Grid Sticky Header/First Column
Does anyone know why and if there's a fix for a Grid/Flexbox layout with a sticky header and first column, that seems to work, but when scrolling horizonally, the header is only sticky for the original width of the viewport. This CodePen is a good example (from someone else here with a sticky header question): https://codepen.io/AnaZG1509/pen/xxJbjzV If you make the viewport small enough, you'll see that it moves after two columns' width worth of scroll.
I can't seem to get a grid/flexbox stickiness to work that doesn't suffer from this.
My current solution is a table inside it's own grid container so that the header and first column correctly stay in place in the whole page (opposed to a fixed height container). But tables tables are not ideal for this (I am trying to build a scheduler)
I can't seem to get a grid/flexbox stickiness to work that doesn't suffer from this.
My current solution is a table inside it's own grid container so that the header and first column correctly stay in place in the whole page (opposed to a fixed height container). But tables tables are not ideal for this (I am trying to build a scheduler)
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
