有没有人有一个文章的链接或专门从Chrome重复页面页眉/页脚的工作示例?
背景:
我花了好几天没有运气,有几个Stack提出的解决方案,但似乎没有工作(在Chrome中).由于我们在工作中使用Chrome,我只在那里测试过,所以下面有很多人说Chrome不能做到,但也许我忽略了一些东西?
我试过这些Stack链接(..还有更多):
如果我不能,请使用重复的页眉/页脚...然后我的下一个想法是计算我的克隆对象中的行并让它以最大数量打破,创建一个新页面(强制高度)并再次启动循环另一个div的另一页.
我非常感谢有关运行页眉/页脚解决方案的任何建议,因为我的应用程序的重点是完成的打印提案.
我正在创建一个电视节目表,它至少应该没有任何标准浏览器的打印问题.
我需要在每个页面上放置徽标和标题以及表格标题,经过几天的尝试和搜索,我发现Chrome不会position: fixed在每个页面上打印表格标题和元素,因为这个已知错误.
由于-webkit-print-color-adjust: exact我已经大量使用打印背景颜色和使用CSS @page属性更改页面边框等功能,我已经自定义了我的视图以使用Google Chrome,但现在我看到它无法打印标题我正在寻找替代方案是:
TL; DR:你知道任何jQuery/JavaScript /等.用于在Chrome中的每个页面上打印表格标题的代码?
打印带有HTML代码的表格时,Google Chrome浏览器出现问题。我需要创建一个带有标题的文档,并且要实现此目的,我正在使用带有thead元素的表,因此浏览器将为打印文档的每个页面复制该文档。
问题是当<tr>元素内有分页符时,内容与标题重叠。跟着打印出问题,并给出要点。

iframe {
height: 400mm;
width: 300mm;
page-break-after: always;
}
.barcode {
font-family: 'c39hrp36dltt';
font-size: 4em;
}
.document {
width: 100%;
height: 100%;
page-break-after: always;
font-family: 'Arial';
}
.dont-break-inside {
page-break-inside: avoid;
}
.huge {
font-weight: 700;
font-size: 3em;
}
.title {
text-align: center;
background-color: #a9a9a9;
font-weight: 700;
padding: 5px;
}
.line {
border-bottom: solid 1px #727273;
margin-top: 25px;
width: 100%;
}
.center {
vertical-align: middle;
margin-left: 4cm;
}
.cover-infos {
width: 21cm;
border: 1px solid; …Run Code Online (Sandbox Code Playgroud)