Html 删除<；thead>；如果没有<；t车身>；同一页上的行

我有一个多页文档，它有多个表和页面。我试图确保如果该页面中没有tbody行，它不会显示thead。然而，我面临的情况是，即使没有tbody行，也会显示thead标题，只是将标题留在页面底部

我曾尝试在整个表中使用“页面中断：避免；”，但是如果该表有太多的行，它只会把整个表放到下一页，而不是把它剪在中间。

使用正常的“内部分页符：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>

表#事务表{
内部分页符：自动；
}
第1行
第2a行第2b行

---

我希望thead不会显示同一页上是否没有tbody行，但它只是显示一个在其下面没有数据的thead行

什么决定是否有行？您不能使用确定的任何逻辑来输出行以将类添加到表中吗？当类出现时，通过CSS隐藏。始终会有行。只是在某些页面上，第一个表有足够的行，第二个表只有thead可以放在页面底部。因此，这最终只会使第二个表格显示THAD，并在下一页再次显示THAD和tbody数据。