html - 打印时表格标题重复

Question

我使用表格来显示记录列表。它有很多行和列。如果我打印此表，则表标题显示在第一页。第一页之后不显示标题。我从谷歌搜索中找到了很多网站。我已经按照那个方法，但我无法实现。我无法意识到这个错误。这是我的 CSS。

<style type="text/css" media="print" >
table td {
    border-bottom:1px solid gray;
}
th {
font-family:Arial;
color:black;
background-color:lightgrey;
}
thead {
    display:table-header-group;
}
tbody {
    display:table-row-group;
}
</style>

这是我的 Html 代码:

<table border="0" cellpadding="2" cellspacing="0">
    <thead>
        <tr>
            <th>ID</th>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>First Name 1</td>
            <td>Last Name 1</td>
        </tr>
    </tbody>
</table>

谁能帮帮我？谢谢。

Answer 1

尝试将此添加到您的 CSS 中:

  @media print
 {
   thead {display: table-header-group;}
 }