chromium/third_party/blink/web_tests/fragmentation/nested-repeating-thead-2.html

<!DOCTYPE html>
<style>
.header {
  line-height: 80px;
}
thead, tfoot, tr {
  break-inside: avoid;
}
</style>
<div style="columns:3; column-fill: auto; height:612px; background-color: yellow;">
  <div>
    <table cellpadding=0 cellspacing=0>
      <thead>
        <tr>
          <td>
            <div class="header">
              HEADER
            </div>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr><td><div style="height: 495px; width: 1px;"></div></td></tr>
        <tr>
          <td>
            <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:80px">0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                </tr>
                <tr>
                  <td style="height:80px">0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                </tr>
                <tr>
                  <td style="height:80px">0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                </tr>
                <tr>
                  <td style="height:80px">0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                </tr>
                <tr>
                  <td style="height:80px">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:80px">0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                </tr>
                <tr>
                  <td style="height:80px">0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                </tr>
                <tr>
                  <td style="height:80px">0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>