Chrome打印表头重复问题

Question

我在Google Chrome（版本53.0.2785.143）上遇到了一个奇怪的bug。当我尝试打印页面内容时，其中一个表头会重复出现。

表头只应该在底部显示一次。

图片：

在另一个部分中，表头流过了表格行。

我正在使用打印媒体查询，以便仅打印我的页面内容：

@media print {
table { 
    page-break-inside:auto 
}
tr { 
    page-break-inside:avoid; page-break-after:auto 
}
body * {
visibility: hidden;
}
.no-padding-small{
    padding: 0!important;
}
.stage, .progress-indicator {
display: none;
}
 #header{
display: none;
 }
.fixed-menu{
display: none;
}
.printable * {
visibility: visible;

}
 textarea, input[type], table, td, th, tr{
page-break-inside: avoid;
 }
}

任何建议？

- TietjeDK

---

你能否创建一个 CodePen 或 JSFiddle 的示例来展示这个问题？ - Aschab

Answer 1

找到了解决方案：

thead {
display: table-row-group;

}

感谢这个讨论主题Chrome 53打印第二页及以后页面表头重复的解决方法？

- TietjeDK

---

谢谢，你帮我省了好几个小时的时间。 - rgfx