troubleshooting Question
How to keep a table header row stable while the user scrolls using CSS
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.
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.
The Value of Experts Exchange in My Daily IT Life
Experts Exchange (EE) has become my company's go-to resource to get answers. I've used EE to make decisions, solve problems and even save customers. OutagesIO has been a challenging project and... Keep reading >>
Mike
Owner of Outages.IO
Phoenix, Arizona, United States
Member Since 2016
Join a full scale community that combines the best parts of other tools into one platform.
Unlock 1 Answer and 1 Comment.
View membership options“All of life is about relationships, and EE has made a virtual community a real community. It lifts everyone's boat.”
William Peck
Member since 2004
Our community of experts have been thoroughly vetted for their expertise and industry experience.
The Distinguished Expert awards are presented to the top veteran and rookie experts to earn the most points in the top 50 topics.