如果同一页上没有<tbody>行,请删除<thead>

时间:2019-10-24 07:57:19

标签: html css

我有一个多页文档,其中包含多个表和页面。我试图确保如果该页面中没有任何正文行,则不会显示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行

0 个答案:

没有答案