nested-repeating-thead-tfoot-4-expected.html

<!DOCTYPE html>
<style>
.header {
  line-height: 80px;
}
tr {
  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>
    <tr>
      <td>
        <div class="header">
          HEADER
        </div>
      </td>
    </tr>
    <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>
            </tbody>
          </table>
      </td>
    </tr>
    <tr>
      <td>
        <div class="header">
          FOOTER
        </div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="header">
          HEADER
        </div>
      </td>
    </tr>
    <tr>
      <td>
        <table cellpadding="0" cellspacing="0">
              <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>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <div class="header">
          FOOTER
        </div>
      </td>
    </tr>
  </table>
</div>
chromium/third_party/blink/web_tests/fragmentation/nested-repeating-thead-tfoot-4-expected.html
