CSS用備忘錄打印多個頁表

Question

我必須打印經過多頁的大型HTML表格。每個頁面都應該有備忘錄（包含公司名稱和內容的頁眉和頁腳）。我正在使用jQuery-datatables和TableTools。這裏是我的CSS

@media print 
{ 
    @page{ 
     margin: 150px 0px 150px 0px !important; 
     padding: 0px !important; 
     size: A4 portrait; 
    } 

    table { page-break-after:auto;} 
    tr { page-break-inside:avoid; page-break-after:auto } 
    td { page-break-inside:avoid; page-break-after:auto } 
    thead { 
     display:table-row-group; 
    } 
    html{ 
     background-image: url(memo.png) !important; 
     background-size: 200mm 287mm !important; 
    } 
} 

上邊距設置爲@page然而，當它「動作」一切（包括）的背景下。我不知道是否有從@page保證金申請表，而是設定背景時，爲了避免它，或者添加背景圖像@page

我也試圖設置@page餘量爲0，table保證金150像素的一種方式。在第一頁上沒問題，但是由於表格被分成幾頁，所以它忽略了其他頁面上的頁邊距。

UPDATE

我添加的錯誤，並希望結果一些草圖。紅色是標題，藍色是頁腳，綠色是表

Answer 1

你可以添加一個空的（第一行到你的）<thead>？在屏幕上查看錶格時將其隱藏，並在打印時將其高度設置爲150px。

thead在每個表格跨越的頁面上重複。這意味着每個頁面都從一個空行開始，爲公司徽標騰出空間並推低數據。

同樣，爲您的<tfoot>添加一個空的最後一行，以在表格跨越的每一頁底部留出空間。