JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body-block">	
	<div class="inner-block">
		<div class="report-block">
			<div class="report-entry">
				<table>
					<tr>
						<th>Header</th>
					</tr>
					<tr>
						<td>Row</td>
					</tr>
					<tr>
						<td>Row</td>
					</tr>
					<tr>
						<td>Row</td>
					</tr>
				</table>
			</div>
			<div class="report-entry">
				<table>
					<tr>
						<th>Header</th>
					</tr>
					<tr>
						<td>Row</td>
					</tr>
					<tr>
						<td>Row</td>
					</tr>
					<tr>
						<td>Row</td>
					</tr>
				</table>
			</div>
			<div class="report-entry">
				<table>
					<tr>
						<th>Header</th>
					</tr>
					<tr>
						<td>Row</td>
					</tr>
					<tr>
						<td>Row</td>
					</tr>
					<tr>
						<td>
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed magna lorem. Nam bibendum ut lacus in lobortis. In sit amet dolor eget est sollicitudin fermentum. Aenean mattis consequat magna, vitae hendrerit justo finibus vel. Fusce mi sapien, congue et leo vel, imperdiet scelerisque eros. Vivamus nec massa in mauris fermentum semper. Vivamus ac tortor commodo, molestie mauris id, laoreet velit. Integer imperdiet diam ac diam pharetra ultricies. Sed ut mauris faucibus, luctus ipsum et, tempor lectus. Praesent ultrices metus non lorem sollicitudin semper. Donec placerat, quam a pharetra scelerisque, ante sem tempor nisl, et luctus velit lorem at leo. Nam lorem leo, varius sit amet convallis sed, aliquam ut nisl. Mauris interdum quis neque at semper. Vivamus pellentesque dui et nisi semper placerat. Vestibulum id porttitor sem, imperdiet auctor sem. Suspendisse interdum, nisl ut commodo ullamcorper, mi lacus vulputate dui, at mollis libero sapien eu libero.
							<br />
							Nam dignissim blandit metus ut luctus. Suspendisse imperdiet felis pellentesque purus imperdiet laoreet. Nunc varius pharetra libero, a sodales ex ultrices ut. In eleifend orci orci, laoreet aliquam augue pretium vestibulum. Nam egestas sapien nisi, ut ornare diam...

CSS

.body-block {
	display: block;
	min-width: 700px;
	min-height: 100%;
	margin: 0 auto;
}

.inner-block {
	width: 700px;
	min-height: 100px;
	background: #fff;
	margin: 18px 0 10px 0;
	float: left;
}

.report-block {
	margin-bottom: 50px;
	page-break-after: always;
}

.report-entry table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 2px solid #333;
	page-break-after: auto;
	page-break-inside: avoid;
}

.report-entry td, .report-entry th {
	page-break-inside: avoid;
    page-break-after: avoid;
}