我有一个多页文档,其中包含多个表和页面。我试图确保如果该页面中没有任何正文行,则不会显示thead。但是,我面临的情况是,即使没有任何正文行,thead标头也会显示,只是标头留在页面底部。
我尝试使用“ page-break-inside:避免;”在整个表上,但是如果该表有太多行,则只会将整个表移到下一页,而不是在中间切掉。
使用正常的“ page-break-inside:auto;”,即使在同一页面上没有tbody行,我也会遇到显示相同的问题
table#transaction-table {
page-break-inside: auto;
}
<table id="transaction-table">
<thead>
<tr><td>row1</td></tr>
<tr><th>row2a</th><th>row2b</th></th></tr>
</thead>
<tbody>
<!-- bunch of data -->
</tbody>
</table>
我希望thead在同一页面上不显示任何正文行时不会显示,而只是在其下显示没有数据的thead行