在后续页面中打印表头

JPP*_*JPP 8 html css printing

我正在尝试在使用浏览器打印功能时在后续页面中显示表头.使用Firefox我只能在第一页显示标题.标头由标签定义.代码如下:

<html>
<head> 
    <style type="text/css">
        @media print
        {           
            thead
            {
                display:  table-header-group;    
            }
        }
    </style>
</head>
<body>      
    <table>
        <thead>
            <tr><td>header1</td></tr>
            <tr><td>header2</td></tr>
            <tr><td>header3</td></tr>
            <tr><td>header4</td></tr>
            <tr><td>header5</td></tr>
            <tr><td>header6</td></tr>
            <tr><td>header7</td></tr>
            <tr><td>header8</td></tr>
            <tr><td>header9</td></tr>
            <tr><td>header10</td></tr>
            <tr><td>header11</td></tr>  
            <tr><td>header12</td></tr>
            <tr><td>header13</td></tr>                  
        </thead>
        <tbody>
            <tr><td>
            Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>
            Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>
            Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>
            Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>
            Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>Text<br/>          
            </td></tr>
        </tbody>
    <table>

</body>
Run Code Online (Sandbox Code Playgroud)

使用打印预览来测试我的描述.如果删除以下代码行

<tr><td>header13</td></tr>  
Run Code Online (Sandbox Code Playgroud)

标题出现在我想要的所有页面中.怎么解决这个问题?这似乎是表头的最大高度问题.

小智 0

尝试在单元格的表标题中使用<th>而不是使用。<td>浏览器应该自动在每个页面上打印这些标题。另外,请确保每行中的单元格数量<tbody>等于标题中的单元格数量。