troubleshooting Question

Scrollable Table

Avatar of jhooie
jhooie asked on
13 Comments2 Solutions1923 ViewsLast Modified:
How do you create scrollable tables in HTML?  I've tried placing the TBODY section in a DIV and setting "overflow-y: scroll."  This works until the user prints the page, when only the visible area of the table is printed.  Is this the only way or the preferred method for creating scrollable tables?  If not, what is the preferred method and if so, how can I print the entire table?  I've tried using "@media print" in the style sheet to override the overflow attribute, but the attribute is not inherited from the CSS.

Also, if at all possible, I would like to keep this in a single table with fixed headers so that I may use "display:table-header-group" to print the header at the top of each subsequent page.

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 2 Answers and 13 Comments.
Start Free Trial
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 2 Answers and 13 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