2009-01-19 32 views
17

是否可以在每個打印頁面的Safari中重複表格標題?是否可以告訴Safari在打印頁面上重複表格標題?

此代碼在Firefox,但不是在Safari:

<table> 
    <thead> 
    <tr> 
     <td>Header1</td> 
     <td>Header2</td> 
    </tr> 
    </thead> 

    <!-- lots of rows --> 
</table> 

編輯:

以下不能解決問題,因此它不能是IE具有相同的錯誤:

thead { display:table-header-group; } 

回答

4

要回答我的問題:

google搜索而沒有得到正確的答案我認爲根本不存在的方法來完成它之後。也許更高版本的Safari將包括它。

0

您可能需要考慮爲您的頁面的打印版本創建一個CSS工作表。如果您選擇該路線,請使用「位置:固定」。定位爲「固定」的元素將打印在每個打印頁面上。

棘手的部分是,任何定位元素(即位置屬性不是'靜態')被從文檔流中取出。這使得固定元件的其他(常規流動)元件難以對準。

根據您的問題中的信息,我會將整個表換成固定元素(或者創建一個類,例如.printedTable,並將position屬性設置爲fixed)。這樣,表格結構將在每個打印頁面上重複。

祝你好運。 A.

+0

只應重複該表的標題,而不是整個表,因爲它大於單個頁面。 – 2009-01-20 10:48:11

+0

我會創建一個'固定'標題元素,以便在每個頁面上重複,並將頁面頂部邊距設置爲足夠大的值以防止頁面/表格內容在固定標題下呈現。然後頁面可以打印表格內容,並在每個頁面上重複標題 – Ahmed 2009-01-21 21:03:01

1

您可以考慮重新定期打印thead,因爲您在桌子下面。如果表格相當長,即使在屏幕上查看,這也可能是有益的,因爲標題很可能很快從屏幕滾動出來。但是,如果您不想在屏幕上顯示它,則可以向重新打印的標題添加一個類,將它們隱藏在屏幕上,並僅將它們顯示在打印樣式表中。

相關問題