<!DOCTYPE html>
<style>
body { overflow: scroll; }
tr { break-inside:avoid; }
</style>
<div id="multicol" style="columns:4; column-fill:auto; column-gap:0; height:70px; line-height:20px; orphans:1; widows:1;">
<table style="width:50px;" cellspacing="0" cellpadding="0">
<tbody>
<tr data-offset-y="0" data-expected-height="60">
<td><br><br><br></td>
</tr>
<tr data-offset-y="70" data-expected-height="60">
<td><br><br><br></td>
</tr>
<tr data-offset-y="140" data-expected-height="60">
<td><br><br><br></td>
</tr>
</tbody>
<tfoot>
<tr data-offset-y="210" data-expected-height="60">
<td><br><br><br></td>
</tr>
</tfoot>
</table>
</div>
<script src="../resources/check-layout.js"></script>
<script>
checkLayout("#multicol");
</script>