When printing tables in Google Chrome, content overlaps header
That bug was reported as issue 621258 in the Chromium project. The status of the issue was set to Fixed on July 5, 2017, but I see the problem in Chrome 60.0.3112.113 (the current version as of August 25, 2017) on Windows 7. I added a comment to bring your case to their attention.
The issue 759195 was opened a few days later for that problem, and it was marked as Fixed shortly afterwards.
Chrome printing bug - wrongly printing table headers at top of page
We have a workaround:
@media print {
thead {
display: table-row-group
}
}
This loses a feature we don't need much in our reports - repeating of table headers at page breaks - so it is sufficient for us, and is easily removed when Chrome gets fixed.
Having Google Chrome repeat table headers on printed pages
I believe this is a bug in Chrome.
Related Topics
Avoiding Repeated Constants in CSS
How to Add a Highlight Behind The Text via CSS So It Looks Like Instagram-One Below
Make an Image Width 100% of Parent Div, But Not Bigger Than Its Own Width
Responsive Order Confirmation Emails for Mobile Devices
Can't Show Some Websites in Iframe Tag
Force <A Download /> to Download Image Instead of Opening Url Link to Image
Display Background Color for The Page & Align Texts at Center
How to Use an <H2> Tag </H2> Inside a <P></P> in The Middle of a Text
How to Wrap Text Around a Non Rectangular Image
While Display Image Crop Top and Bottom of Image Using CSS
Safari Anchors on Links Not Working
Why Isn't Position:Sticky with Left:0 Working Inside a Scrollable Container
Django: How to Send HTML Emails with Embedded Images
Why Does Naming Your HTML Form Submit Button "Submit" Break Things