troubleshooting Question

How to keep a table header row stable while the user scrolls using CSS

Avatar of jmckeon
jmckeon asked on
Web Languages and StandardsCSSHTML
1 Comment1 Solution228 ViewsLast Modified:
I have a php page that pulls a query and displays the results in a table.

I want to have it so that the table's header row, containing the column names stays static while the user scrolls vertically but moves with the table when the user scrolls horizontally.

I know it's possible becaues I've seen websites that do this, just can't figure out how to do it myself.  I assume it's doen with the CSS Position attribute somehow.
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 1 Comment.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 1 Comment.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros