Sample of printing without repeating stick header, and no repeating footer.

normal-header.html

<table>
  <!-- Header section -->
  <thead>
    <tr>
      <td>
        <div style="height: 100px; background: rgb(76, 164, 246);">
          <h1>Header</h1>
        </div>
      </td>
    </tr>
  </thead>

  <!-- Body or content section -->
  <tbody>
    <tr>
      <td>
        <div id="content"></div>
        <script>
          const element = document.getElementById('content');
          for (let index = 0; index < 100; index++) {
            element.innerHTML += `<p>Niaou muning nyav nyā mjau miauw myām̥ō. Mi'au meong meow miaou. Mjá miav miaou meow. Mi'au niaou muning nyā
              meow njäu njäu meong miyāʾūṉ miaŭ. Miyav mi'au meow. Miyav meow mi'au nyā ngiyaw. Ngeung myau meo mjau. Miaŭ
              muning meogre miaou miav. Mjá nyā nyā mjau mjá myau mjau mi'au mňau myau. Myām̥ō njäu miauw ya-ong meo njäu.</p>`;
          }
        </script>
      </td>
    </tr>
  </tbody>

  <!-- Footer section -->
  <tfoot>
    <tr>
      <td>
        <div style="height: 100px; background: rgb(169, 81, 246);">
          <h1>Footer</h1>
        </div>
      </td>
    </tr>
  </tfoot>
</table>