HTML / CSS - Page Break（Webkit）Laravel PDF上的表头

Question

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

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

当有多个页面时，如何让每个页面上都显示表格标题？ 根据我的阅读，我通常可以使用thead元素。 但我相信wkhtmltopdf使用Webkit，因此thead似乎不起作用。

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

Answer 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 }

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

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