I need to print some data model. Model could have Compounding Instructions. It's a html content (could contain list items or paragraph, etc.). If Compounding Instructions content does not fit on the page I should break page and duplicate header "Compounding Instructions" on next page.

<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>

Case 1: if Compounding Instructions content could fit on one page it will wrap on next page (first image). I don't want it.

Case 2: I added table * { page-break-inside: auto; } or table thead { page-break-inside: auto; }. Compounding Instructions header does not showed on next page (second image).

I can use JavaScript