| <!DOCTYPE html> |
| <style> |
| .header { |
| line-height: 80px; |
| } |
| thead, tr, tfoot { |
| break-inside: avoid; |
| } |
| </style> |
| <p>crbug.com/759195: Carry header offset through to nested tables even when they don't have a header.</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> |
| </tbody> |
| </table> |
| </div> |