HTML / CSS - Page Break(Webkit)Laravel PDF上的表头

时间:2016-03-03 16:39:00

标签: html css laravel pdf-generation page-break

只是一些背景信息:我正在使用Laravel渲染视图,在视图中它将转换为PDF。我使用的是使用barryvdh/laravel-snappy的{​​{1}}。所以这实际上很有效。

但是我在该视图中找到一个表来呈现我想要的方式时遇到了麻烦,这更像是一个HTML / CSS问题。这是一张发票,所以顶部有信息,比如客户地址等。然后是一个可以运行多个页面的表。

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

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

1 个答案:

答案 0 :(得分:0)

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

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 }

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

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