Skip to content

Instantly share code, notes, and snippets.

@jofftiquez
Created January 19, 2023 06:11
Show Gist options
  • Save jofftiquez/0e4ff3828badbd7763296d512d3b3b9a to your computer and use it in GitHub Desktop.
Save jofftiquez/0e4ff3828badbd7763296d512d3b3b9a to your computer and use it in GitHub Desktop.
Sample of printing with repeating stick header, and repeating footer.
<table>
<!-- Header section -->
<thead style="display: table-header-group;">
<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 style="display: table-footer-group;">
<tr>
<td>
<div style="height: 100px; background: rgb(169, 81, 246);">
<h1>Footer</h1>
</div>
</td>
</tr>
</tfoot>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment