HTML/CSS - 分页表标题 (Webkit) Laravel PDF

标签 html css laravel pdf-generation page-break

只是一些背景信息:我正在使用 Laravel 呈现一个 View ,在其中它被转换为 PDF。我正在使用 barryvdh/laravel-snappy,它利用了 wkhtmltopdf。所以这实际上很好用。

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

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

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

最佳答案

我想与您分享几个链接作为引用。

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 }

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

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

关于HTML/CSS - 分页表标题 (Webkit) Laravel PDF,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35777914/

相关文章:

html - 在关闭 div 后结束表单,不好的做法?

javascript - 如何防止按钮点击时页面刷新

jquery - 如何使用 jQuery 分配表的大小?

jquery - 数据滚动 ="top"在 Firefox 中没有滚动到顶部

html - 如何使用 span 标签拆分包含逗号的字符串

html - 是否可以根据其中的文本在 CSS 中扩展 h2 框?

php - 如何在 laravel 中用 Eloquent 方式将两个不同表中的两列相乘

php - 当两个表具有相同的列名时,连接关系表后对模型进行排序

php - 如何获得碳中两个时间间隔之间的差异

javascript - 多个 ui-ace 代码编辑器的滚动问题