troubleshooting Question

Fixed table header with scrollable rows beneath

Avatar of mancini
mancini asked on
CSSHTML
4 Comments1 Solution338 ViewsLast Modified:
Hello

I have a large-ish table that is doing some spreadsheet type things. It has about 16 columns and 100+ rows

I am trying to make the table header, where the columns headings are, stay in the same spot and just have the table rows scroll beneath it.

I have seen solutions with DIVs etc, but then the column widths do not line up between the header row and the data rows below.  Is it possible to lock the header row in place and have scrollable rows all in one table, so that the columns are all aligned.

I know I could assign fixed widths, but would prefer not to.

any ideas?

thanks for your help

Cheers
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 4 Comments.
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 4 Comments.
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