打印每個

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。