layout/tables/reftests/1220621-1d.html

   1 <!DOCTYPE html>
   2 <style>
   3   table {
   4     table-layout: fixed;
   5     border: 1px solid black;
   6     width: 300px;
   7   }
   8   td {
   9     background: yellow;
  10     border: 1px solid purple;
  11   }
  12 </style>
  13 <table>
  14   <colgroup>
  15     <col>
  16   </colgroup>
  17   <colgroup>
  18     <col>
  19     <col>
  20     <col>
  21   </colgroup>
  22   <tbody>
  23     <td>One</td>
  24     <td>Two</td>
  25     <td>Three</td>
  26   </tbody>
  27 </table>
  28 <script>
  29   var t = document.querySelector("table");
  30   // Flush layout
  31   var width = t.offsetWidth;
  32   // Remove the first colgroup
  33   document.querySelector("colgroup").remove();
  34 </script>