<!DOCTYPE html>
<style>
.barcode {
line-height: 40px;
}
thead, tfoot, tr {
break-inside: avoid;
}
</style>
<div style="columns:3; column-fill: auto; height:501px; background-color: yellow; width: 600px;">
<div>
<table cellpadding=0 cellspacing=0>
<thead>
<tr>
<td class="barcode">
HEADER<br>
HEADER
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<div style="height: 50px;"></div>
</td>
</tr>
<tr>
<td>
<div style="height: 50px;"></div>
</td>
</tr>
<tr>
<td>
<div style="height: 400px;"></div>
</td>
</tr>
<tr>
<td>
<div>Text</div>
<div>Text</div>
<div>Text</div>
<table cellpadding="0" cellspacing="0" style="line-height: 20px; width:200px;">
<thead>
<td style="width:64px"><strong>Col 1</strong></td>
<td><strong>Col 2</strong></td>
<td><strong>Col 3</strong></td>
<td><strong>Col 4</strong></td>
<td><strong>Col 5</strong></td>
</thead>
<tbody>
<tr>
<td style="height:40px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:40px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:40px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:40px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
Codebase Browser
chromium