我有一個(gè)帶有長(zhǎng) HTML 表格的視圖。當(dāng)我嘗試打印該視圖時(shí)，該表被分成幾頁(yè)。顯然，表格會(huì)中斷并繼續(xù)到下一頁(yè)，依此類推。我希望能夠在每個(gè)打印頁(yè)面上整齊地添加頁(yè)眉和頁(yè)腳。
我嘗試過使用 css 分頁(yè)符屬性，例如：
內(nèi)部分頁(yè)符 分頁(yè)后 分頁(yè)前
我嘗試使用位置：固定將頁(yè)眉和頁(yè)腳固定到頂部和底部。即使頁(yè)腳顯示在每個(gè)頁(yè)面上，它也會(huì)與表格重疊。正如您在突出顯示區(qū)域中看到的那樣：
所以我想顯示頁(yè)眉和頁(yè)腳，沒有任何重疊。
桌子就是這樣折斷的^^
我希望每個(gè)頁(yè)面上都顯示頁(yè)眉和頁(yè)腳。我嘗試在 thead 和 tfoot 標(biāo)記中添加頁(yè)眉和頁(yè)腳，但這不起作用。
我嘗試過使用 css 分頁(yè)符屬性，例如：
內(nèi)部分頁(yè)符 分頁(yè)后 分頁(yè)前
我嘗試使用位置：固定將頁(yè)眉和頁(yè)腳固定到頂部和底部。即使頁(yè)腳顯示在每個(gè)頁(yè)面上，它也會(huì)與表格重疊。正如您在突出顯示區(qū)域中看到的那樣：
1
0
0
這是解決我的問題的代碼：
HTML
<table>
<thead><tr><td>
<div class="header-space"> </div>
</td></tr></thead>
<tbody><tr><td>
<div class="content">...</div>
</td></tr></tbody>
<tfoot><tr><td>
<div class="footer-space"> </div>
</td></tr></tfoot>
</table>
<div class="header">...</div>
<div class="footer">...</div>
CSS
.header, .header-space,
.footer, .footer-space {
height: 100px;
}
.header {
position: fixed;
top: 0;
}
.footer {
position: fixed;
bottom: 0;
}
