JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:window.print();" class="noprint">Print </a>

<table>
    <tr><td><h1>1 Row</h1></td></tr>
    <tr><td><h1>2 Row</h1></td></tr>
    <tr><td><h1>3 Row</h1></td></tr>
    <tr><td><h1>4 Row</h1></td></tr>
    <tr><td><h1>5 Row</h1></td></tr>
    <tr><td><h1>6 Row</h1></td></tr>
</table>

CSS

@media print {
  body {font-size:10px}
   table tr:nth-child(2n) {
    page-break-after: always;
    }
    .noptrint {display:none;}
  }