javascript - CSS打印：打破单个表格行

Question

我需要打印一些数据模型。模型可以有Compounding Instructions。它是一个 html 内容（可能包含列表项或段落等）。如果复合说明内容不适合页面，我应该分页并在下一页复制标题“复合说明”。

<table class="compounding-instructions">
  <thead>
    <tr>
      <th class="bold text-align-left">Compounding Instructions</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{user html content}</td>
    </tr>
  </tbody>
</table>

案例 1：如果复合说明内容可以放在一个页面上，它将在下一页（第一张图片）上换行。我不想要它。

案例 2：我添加了table * { page-break-inside: auto; }or table thead { page-break-inside: auto; }。 复合说明标题未显示在下一页（第二张图片）。

我可以使用 JavaScript