Chrome打印错误-错误地在页面顶部打印表格标题

vom3gejh 于 2023-08-01 发布在 Go

关注(0)|答案(2)|浏览(110)

（附录：这是Chrome issue 631222，在Chrome 54.0.* 版中已修复。
在Windows和Mac上使用最新版本的Chrome（53.0.2785.116）时，我们遇到了一个似乎无法解决的严重错误。
我们正在寻找不涉及编辑HTML文本的解决方法，因此CSS或JavaScript答案可能会这样做。
除了第一页之外，我们在页面顶部看到如下文本：

的数据
这是一个段落的叠加，以及该页面后面出现的表格的两个不同的表格标题。（再次打印标题。）
您可以找到完整的example page here.
当然，我们已经向谷歌报告了这一点，但我们想知道是否有人能想到一个变通办法，让我们的客户再次打印。我们不能改变HTML，但我们可以改变CSS，或者可能使用JavaScript。（例如，删除head标记似乎可以解决问题，但该解决方案对我们不起作用，因为我们无法更改HTML。
代码很简单：

<!DOCTYPE html>
<html><head>
<title>Broken Printing</title>
</head>
<body>
<h1>Printing Issue 9/29/2016</h1>
<p>Lorem ipsum for page break</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<table> 
    <thead><tr><th>Survey</th></tr></thead>
    <tbody><tr class="odd"><td>The Foundation 2016&nbsp;</td></tr></tbody>
</table>

<table>
    <thead><tr><th>Year</th></tr></thead>
    <tbody><tr><td>2015</td></tr></tbody>
</table>

</body>
</html>

字符串

google-chrome

来源：https://stackoverflow.com/questions/39776056/chrome-printing-bug-wrongly-printing-table-headers-at-top-of-page

2条答案

按热度按时间

jm2pwxwz1#

我们有一个解决方案：

@media  print {
    thead { 
        display: table-row-group 
    }
}

字符串
这就失去了一个我们在报告中不太需要的功能--在分页符处重复表格标题--所以它对我们来说已经足够了，当Chrome修复时很容易删除。

赞(0）回复(0）举报 2023-08-01

xqnpmsa82#

这应该可以解决问题：

tr {page-break-inside:avoid;break-inside:avoid}

字符串
当这条线从边界附近被切断时，就会发生这种情况。

赞(0）回复(0）举报 2023-08-01

我来回答

Chrome打印错误-错误地在页面顶部打印表格标题

2条答案

相关问题

热门标签

最新问答