Javascript 打印时，如何始终在每页的顶部设置页眉？

在我的网站上，我有一个非常高的表格，打印时跨越多个页面。打印时有没有办法让页眉行显示在每页的顶部？

是的，因此您可以使用媒体打印，只需在每页中包含此内容：）

---

是的，为此，您可以使用媒体打印，只需在每页中包含此内容：）

---

大多数浏览器都会自动执行此操作

<table>
    <thead>
        <tr><th>Your header row repeats on every page.</th></tr>
    </thead>
    <tbody>
        <tr><td>Your body rows will fill the pages.</td></tr>
    </tbody>
</table>

标题行在每页上重复。
您的正文行将填充页面。

大多数浏览器都会自动执行此操作

<table>
    <thead>
        <tr><th>Your header row repeats on every page.</th></tr>
    </thead>
    <tbody>
        <tr><td>Your body rows will fill the pages.</td></tr>
    </tbody>
</table>

标题行在每页上重复。
您的正文行将填充页面。

把你的头排好

位置：固定

现在它将在每一页上重复

来源-

让你的头排成一排

位置：固定

现在它将在每一页上重复

---

Source-

但是如果标题行是固定的，它将与每页上的行重叠？@omega您可以为普通单元格提供顶部填充，以避免它们重叠。问题是单元格的高度不尽相同，这是完全不同的。但是如果标题行是固定的，它将与每页上的行重叠？@omega您可以为普通单元格设置顶部填充，以避免重叠。问题是单元格的高度不尽相同，而是完全不同。但是如果标题行是固定的，它将与每页上的行重叠？@omega浏览器只会将标题行放在每页的顶部。它不与任何正文行重叠。不需要CSS。我试过了，它确实与主体单元格重叠，而且单元格的高度都不同。指定@media print{thead{position:relative}}但如果标题行是固定的，它将与每页上的行重叠？@omega浏览器只会将标题行放在每页的顶部。它不与任何正文行重叠。不需要CSS。我试过了，它确实与主体单元格重叠，而且单元格的高度都不同。指定@media print{thead{position:relative}