如何打印具有相同表头的HTML表格

Question

大家好，我正面临着一个打印页面的问题。我想在打印的所有页面上都有相同的标题。我从堆栈中读到了几个答案，似乎没有直接的答案。

提前谢谢。

Answer 1

添加用于打印页面的样式表。

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

然后用隐藏的只打印标题创建一个div。

<div class="printOnly">Header</div>

在您的常规printOnly文件中隐藏CSS div。

.printOnly { display: none; }

在您的print.css中，对您的div执行所需的任何操作。这也是隐藏其他可见属性的地方。

.printOnly { /* Style */ }

这就是我管理打印样式的方式。

因此，如果您有一个名为normalHeader的div，并且希望在打印时将其删除，只需在print.css文件中将样式设置为display: none;即可。