1

我使用表格来显示记录列表。它有很多行和列。如果我打印此表格，表格标题将显示在第一页。在第一页之后，不显示标题。我从谷歌搜索中找到了很多网站。我遵循了这种方法，但我无法实现。我无法意识到这个错误。这是我的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>

任何人都可以帮助我吗？谢谢。

4

2 回答 2

1

尝试在你的 CSS 中添加这个：

  @media print
 {
   thead {display: table-header-group;}
 }
于 2012-09-15T05:36:12.490 回答
0

这是示例首先，您必须明确定义表头和表体：

   <table>
   <thead>
  <tr>
     <th>First Heading</th>
     <th>Second Heading</th>
     <th>Third Heading</th>
  </tr>
 </thead>
 <tbody>
  <tr>
     <td>foo</td>
     <td>bar</td>
     <td>baz</td>
  </tr>

    . . .

  <tr>
     <td>fim</td>
     <td>fam</td>
     <td>fom</td>
  </tr>
</tbody>
</table>

如果你想让打印工作，你需要有一个明确的声明。接下来，您只需要一行 CSS 就可以让事情顺利进行：

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

这将迫使大多数浏览器在每个打印页面上重复 ad 节点的内容。

于 2016-03-25T20:25:10.187 回答