HTML/CSS - 分页符上的表格标题 (Webkit) Laravel PDF.



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

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

当有多个页面时,如何让表标题显示在每个页面上?从我所读到的内容来看,我通常可以使用thead元素来做到这一点。但我相信wkhtmltopdf在引擎盖下使用 Webkit,因此thead似乎不起作用。

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

我想

与您分享一些链接作为参考。

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

给我的

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

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

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

最新更新