nested-repeating-thead-tfoot-4.html

<!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 id="multicol" style="display:none; 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>
<script>
  // Avoid crbug.com/1254935
  multicol.style.display = "block";
</script>
chromium/third_party/blink/web_tests/fragmentation/nested-repeating-thead-tfoot-4.html
