小编seb*_*e93的帖子

如何避免跨页面拆分 HTML 表格

请原谅我的英语。

我正在打印一份 pdf 格式的大型报告,其中包括一些表格(一张接一张的表格)。为此,我首先在 html 中生成报告,然后使用dompdf将其传递给 pdf

这是我一张一张地打印一张桌子的方式:

<div>
  <table>
  -----
  </table>
</div>

<div>
  <table>
  -----
  </table>
</div>
Run Code Online (Sandbox Code Playgroud)

这是分页符时打印表格的方式

问题是当有分页符时,表格行被拆分。我想避免它。

我尝试使用 CSS 打印属性,但它不起作用,在其他情况下,page-break-before: always;将我的报告的每个表格打印在不同的页面上。

<style type="text/css">
table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
</style>
Run Code Online (Sandbox Code Playgroud)

因为只有在必要时,我才能在报告中的所有表格中强制分页。

请帮忙。

html css pdf-generation dompdf wkhtmltopdf

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

dompdf ×1

html ×1

pdf-generation ×1

wkhtmltopdf ×1