打印每个

Question

页

造型的头我最近发现的CSS代码已经支持的浏览器（在@media print {}使用display: table-header-group;）在每一页的顶部打印<thead>块。这极大地简化了我的应用程序中用于打印表格的代码。

然而，我的客户是有关样式很挑剔。看来，重新打印头群体缺乏一些样式的原标题，即border-bottom-style和border-bottom-width到头部从表体中分离出来。由于这似乎是一个很难的要求，我想通过这些标题组来包含这些样式。

我试过几种不同的方法，试图迫使火狐（我们选择的浏览器）来打印这些样式来满足这个条件，但没有这些方法似乎产生预期的效果。我已经尝试了一些例子：

@media print { 
    thead { 
     display: table-header-group; 
     border-bottom-style: solid; 
     border-bottom-width: 3px; 
    } 
} 

和

<thead style="border-bottom-style: solid; border-bottom-width: 3px;"></thead> 

和

table.class thead { 
    border-bottom-style: solid; 
    border-bottom-width: 3px; 
} 

和

table.class th { 
    border-bottom-style: solid; 
    border-bottom-width: 3px; 
} 

我的问题，然后：有没有一种方法来设置这些重印标题组的样式？或者，浏览器只是使用相当简单的默认表头样式（粗体文本）？

请原谅我，如果这个问题已经被问和回答。我四处搜寻，但找不到有关这个特定问题的任何信息。有很多问题涉及display: table-header-group;，但没有涉及样式这些头组。

Answer 1

设置标题行的单元格边框似乎在Firefox 14工作确定：

@media print { 
    thead { 
     display: table-header-group; 
    } 
    thead th { 
     border-bottom-style: solid; 
     border-bottom-width: 3px; 
    } 
} 

Firefox不真正需要的display: table-header-group的事情，但其他浏览器可能需要，请参阅问题CSS: Repeat table headers in print mode。