Tengo este código, al darle click al boton, ejecuta el print, pero quisiera cada tabla salga en una hoja diferente. En si un salto de pagina para cada tabla. Estuve investigando pero no encontré algo claro para lo que quiero hacer. La idea es realizar una impresión de n tablas, pero una en cada hoja.
Quisiera ayuda en esto por favor, Gracias.
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
<h3>Tabla A</h3>
<table style="width:100%" border="2">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
<h3>Tabla B</h3>
<table style="width:100%" border="2">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>
table {break-after: always;}
en un@media print
, mas info en MDN medios paginados