1

注意：- 请不要提供任何使用 JAVASCRIPT 的解决方案，这是我的限制，我只能使用 CSS 或 HTML，没有别的。

我有一个问题，希望得到您的回复和建议，基本上我有一个 HTML 中的数据表格列表，现在我想实现一个功能，通过它我想将此 HTML 页面导出为 PDF。此 HTML 页面包含基于动态内容的表格数据列表，这意味着数据可能在 50 行中，也可以在 100 行中。
现在我想在那里提供一个功能，用户可以将数据导出为 PDf 格式，但问题是我想在将这些数据导出为 PDF 时使用一种格式，这意味着每个页面都应该包含页眉图像和页脚图像格式；
好吧，我可以通过以下代码完成这种格式：-

.page_format{
 width:8in;
 height:11in;
 padding-top:100px;
 padding-bottom:100px;
 background-image: url (''); /* It is a page image which contains a header and footer */
 position:relative;
 }

 <!-- Code which we will use at HTML body side -->
 <div class="page_format">
 <!-- code start here for dynamic tables -->
</div>

那么实际的问题是，我无法理解如何在每一页上实现动态格式，这意味着随着表格行数的增加，页面会自动增加，并且每一行都不应该被裁剪成页面，这意味着一行不应该被分割分成多个页面。所以请给我一个解决方案，我在这里再次结束我的问题：-

--> 我想要一个功能，其中 HTML 页面应该以格式化的 PDF 格式导出，其中包括每个页面上的页眉和页脚。

--> 导出的 PDF 应该根据表格行的动态内容自动格式化。

--> 表格数据不应该被裁剪或分成分页符。

表格数据是动态的，因此随着内容的增加和新页面的开始，新页面应包含与包含的第一页相同的格式（表示页眉和页脚）。现在页眉和页脚格式适用于输出 pdf 的第一页，它不是出现在 pdf 导出的每一页中。

再次记住，我们只能使用 CSS 或 HTML，这里不能使用其他方法。

4

1 回答 1

0

我建议在主样式表中使用打印媒体类型：

@media print
{
/* style sheet for print goes here */
}

或者您可以在它自己的样式表中分离打印样式：

<link href="style.css" media="print" rel="stylesheet" type="text/css" />

这适用于浏览器中的文件->打印 - 将布局从打印转换为 PDF（或 Microsoft XPS Document Writer）

于 2013-09-15T11:43:18.060 回答