JSFiddle - React, Tailwind, and code Playground

by dylan Holmes

HTML

<table>
	<thead>
		<tr>
			<th>Name</th>
			<th>Age</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Dylan</td>
			<td>29</td>
		</tr>
		<tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr><tr>
			<td>Dylan</td>
			<td>29</td>
		</tr>
	</tbody>
</table>

CSS

table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }