I want to make a table such that the heading row stays in place as you scroll, so you always know what information you’re looking at underneath. I tried setting "position: fixed" on the table row, but then the cells "collapse" (they shrink to just large enough to fit their text, no longer aligning with the rows underneath).
The things is… it’s not really a table row up top it’s just an image. I’m not sure if table rows will respect fixed positioning. I assume they do not, they have their own special positioning rules. Likewise, you can’t adjust a cell with relative positioning (and stuff like that).
Yeah, that’s what I figured. When I set position: fixed it looks like it takes the row out of the normal "flow" of the table, and everything gets screwy (like the background color from the row underneath moves up behind the fixed row above it).
I guess an image – or just a separate div rather than a table row – is the way to go.