Google Git
Sign in
chromium / chromium / src / 4c63e960cad94fdd004b911964765381079912d2 / . / third_party / WebKit / LayoutTests / fragmentation / nested-repeating-thead-tfoot-4.html
blob: e56711b0fb60bee9cedb6ae793405d3b506a60b9 [file] [log] [blame]
<!DOCTYPE html>
<style>
.header {
line-height: 80px;
}
thead, tr, tfoot {
break-inside: avoid;
}
</style>
<p>crbug.com/759195: Carry footer offset through to nested tables even when they don't have a footer.</p>
<div style="columns:3; height:400px; column-fill: auto; column-width: 100px;background-color: yellow;">
<table cellpadding=0 cellspacing=0>
<thead>
<tr>
<td>
<div class="header">
HEADER
</div>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td style="height:20px">0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tfoot>
<tr>
<td>
<div class="header">
FOOTER
</div>
</td>
</tr>
</tfoot>
</tbody>
</table>
</div>