我有一個帶有長 HTML 表格的視圖。當我嘗試打印該視圖時,該表被分成幾頁。顯然,表格會中斷并繼續(xù)到下一頁,依此類推。我希望能夠在每個打印頁面上整齊地添加頁眉和頁腳。
我嘗試過使用 css 分頁符屬性,例如:
內(nèi)部分頁符 分頁后 分頁前?/p>
我嘗試使用位置:固定將頁眉和頁腳固定到頂部和底部。即使頁腳顯示在每個頁面上,它也會與表格重疊。正如您在突出顯示區(qū)域中看到的那樣:
所以我想顯示頁眉和頁腳,沒有任何重疊。
桌子就是這樣折斷的^^
我希望每個頁面上都顯示頁眉和頁腳。我嘗試在 thead 和 tfoot 標記中添加頁眉和頁腳,但這不起作用。
我嘗試過使用 css 分頁符屬性,例如:
內(nèi)部分頁符 分頁后 分頁前?/p>
我嘗試使用位置:固定將頁眉和頁腳固定到頂部和底部。即使頁腳顯示在每個頁面上,它也會與表格重疊。正如您在突出顯示區(qū)域中看到的那樣:
這是解決我的問題的代碼:
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; }