HTML/CSS - 分页符上的表头（Webkit） Laravel PDF

Posted 2023-03-14

【中文标题】HTML/CSS - 分页符上的表头（Webkit） Laravel PDF

【英文标题】：HTML/CSS - Table Headers on Page Break (Webkit) Laravel PDF

【发布时间】：2016-06-17 02:49:29

【问题描述】：

只是一些背景信息：我正在使用 Laravel 渲染一个视图，在该视图中它被转换为 PDF。我正在使用barryvdh/laravel-snappy，它使用wkhtmltopdf。所以这实际上效果很好。

但是我无法在该视图中获得一个表格来呈现我想要的方式，这更像是一个 HTML/CSS 问题。这是一张发票，所以顶部有信息，比如客户地址等。然后是一个可以运行多个页面的表格。

当有多个页面时，如何让表格标题显示在每个页面上？根据我的阅读，我通常可以使用 thead 元素来做到这一点。但我相信wkhtmltopdf 在后台使用Webkit，所以thead 似乎不起作用。

我听说这是 Chrome / Webkit 的一个错误，但有没有人想出一个解决方法，或者现在有解决方案吗？

【参考方案1】：

我想与您分享几个链接作为参考。

https://github.com/wkhtmltopdf/wkhtmltopdf/issues/2367 https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1770#issuecomment-73530576

对我来说，

thead  display: table-header-group 
tfoot  display: table-row-group 
tr  page-break-inside: avoid 

这三行代码解决了我的问题。

如果您有更好的解决方案，请告诉我。谢谢