| <!doctype html> |
| <script src='/resources/testharness.js'></script> |
| <script src='/resources/testharnessreport.js'></script> |
| <script src='/resources/check-layout-th.js'></script> |
| <link rel="author" href="mailto:atotic@chromium.org"> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/tables.html#the-td-element"> |
| <meta name="assert" content="Dynamic changes to rowspan/colspan relayout the table" /> |
| <style> |
| main table { |
| border-spacing:0; |
| } |
| main td { |
| background: green; |
| width:50px; |
| height:50px; |
| padding: 0; |
| } |
| </style> |
| |
| <main> |
| <table data-expected-width="100"> |
| <tr> |
| <td id="rowspan_target"></td> |
| </tr> |
| <tr> |
| <td></td> |
| </tr> |
| </table> |
| <br> |
| <table data-expected-width="150"> |
| <col style="width:50px"> |
| <col style="width:50px"> |
| <tr> |
| <td id="colspan_target"></td> |
| <td></td> |
| </tr> |
| </table> |
| </main> |
| |
| <script> |
| document.body.offsetTop; |
| document.querySelector("#rowspan_target").setAttribute("rowspan", "2"); |
| document.querySelector("#colspan_target").setAttribute("colspan", "2"); |
| checkLayout("main table"); |
| </script> |