【问题标题】：Preserve HTML tables with CSS in preparation for being converted to PDF使用 CSS 保留 HTML 表格以准备转换为 PDF
【发布时间】：2011-11-18 02:22:59
【问题描述】：

我正在使用专有的第 3 方报告工具，该工具具有将报告的 HTML 版本转换为 PDF 的功能。我无法直接控制 PDF 转换的完成方式。但是，我可以控制间接影响生成的 PDF 的 HTML 的 CSS。它真的只有桌子有问题。我在其他 pdf 转换器工具上也看到过类似的问题。比如：

单个表格的多个标题行不会在 PDF 的每一页上重复。
在行单元格中间分页
在表格标题和表格本身之间出现分页。

将 CSS 样式应用于 HTML 表格以便在将 HTML 转换为 PDF 时产生最佳结果的最佳实践是什么？

【问题讨论】：

标签： html css pdf html-table pdf-generation

【解决方案1】：

您可以尝试设置页面样式，尤其是。表格，用于印刷媒体，即<link rel="stylesheet" media="print" ... 首先。这至少可以节省您调用第 3 方报告工具的时间。

我还会检查 PDF 页面的可用宽度是否小于您的（目标）页面宽度。这听起来与您的问题有关（您的列表中的#2 和#3）。

【讨论】：

【解决方案2】：

1 使用显示：表头组；在你的 CSS 中

2 & #3 你可以使用分页符：page-break-before:always、page-break-after:always 和 page-break-inside:avoid in ur css

【讨论】：