Chrome打印两次表格头

Question

我在Google上遇到了一个奇怪的错误(53.0.2785.143版)。当我试图打印一个页面的内容时，它会包含两个表标题之一。

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

图片：

​

​

在不同的部分中，表头流过表行。

​

​

为了只打印页面的内容，我使用了打印媒体查询：

@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;
 }
}

有什么建议吗？

Answer 1

找到了解决办法：

thead {
display: table-row-group;

}

多亏了这个线程Workaround for Chrome 53 printing table header twice on 2nd and later pages?