打印大型HTML表時如何處理分頁符我有一個項目，它需要打印一個包含許多行的HTML表。我的問題是表格在多頁上的打印方式。它有時會將一行切成兩半，這使得它無法讀，因為其中一半在頁面的邊緣，其余的則打印在下一頁的頂部。我能想到的唯一可行的解決方案是使用堆疊的div，而不是表和強制分頁(如果需要的話)。但在我經歷所有的改變之前，我想我可以在這里問一問。
3 回答
holdtom
TA貢獻1805條經驗 獲得超10個贊
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Test</title><style type="text/css">
table { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }</style></head><body>
<table>
<thead>
<tr><th>heading</th></tr>
</thead>
<tfoot>
<tr><td>notes</td></tr>
</tfoot>
<tbody>
<tr>
<td>x</td>
</tr>
<tr>
<td>x</td>
</tr>
<!-- 500 more rows -->
<tr>
<td>x</td>
</tr>
</tbody>
</table></body></html>
梵蒂岡之花
TA貢獻1900條經驗 獲得超5個贊
<html><head><style>@media print{
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-header-group }
tfoot { display:table-footer-group }}</style></head><body>....</body></html>
慕森卡
TA貢獻1806條經驗 獲得超8個贊
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Test</title><style type="text/css">
table { page-break-inside:auto }
div { page-break-inside:avoid; } /* This is the key */
thead { display:table-header-group }
tfoot { display:table-footer-group }</style></head><body>
<table>
<thead>
<tr><th>heading</th></tr>
</thead>
<tfoot>
<tr><td>notes</td></tr>
</tfoot>
<tr>
<td><div>Long<br />cell<br />should'nt<br />be<br />cut</div></td>
</tr>
<tr>
<td><div>Long<br />cell<br />should'nt<br />be<br />cut</div></td>
</tr>
<!-- 500 more rows -->
<tr>
<td>x</td>
</tr>
</tbody>
</table></body></html>page-break-inside:avoid
display:blockTRpage-break-inside:avoid
- 3 回答
- 0 關注
- 447 瀏覽
添加回答
舉報
0/150
提交
取消