dynamic-rowspan-change.html (1112B)
1 <!doctype html> 2 <script src='/resources/testharness.js'></script> 3 <script src='/resources/testharnessreport.js'></script> 4 <script src='/resources/check-layout-th.js'></script> 5 <link rel="author" href="mailto:atotic@chromium.org"> 6 <link rel="help" href="https://html.spec.whatwg.org/multipage/tables.html#the-td-element"> 7 <meta name="assert" content="Dynamic changes to rowspan/colspan relayout the table" /> 8 <style> 9 main table { 10 border-spacing:0; 11 } 12 main td { 13 background: green; 14 width:50px; 15 height:50px; 16 padding: 0; 17 } 18 </style> 19 20 <main> 21 <table data-expected-width="100"> 22 <tr> 23 <td id="rowspan_target"></td> 24 </tr> 25 <tr> 26 <td></td> 27 </tr> 28 </table> 29 <br> 30 <table data-expected-width="150"> 31 <col style="width:50px"> 32 <col style="width:50px"> 33 <tr> 34 <td id="colspan_target"></td> 35 <td></td> 36 </tr> 37 </table> 38 </main> 39 40 <script> 41 document.body.offsetTop; 42 document.querySelector("#rowspan_target").setAttribute("rowspan", "2"); 43 document.querySelector("#colspan_target").setAttribute("colspan", "2"); 44 checkLayout("main table"); 45 </script>