third_party/WebKit/LayoutTests/fast/table/append-cells2.html

   1 <html>
   2 <head>
   3 <title>Add/remove "display: none" to table elements (bug 3702)</title>
   4 <style type="text/css">
   5 .navbar{display: none;}
   6 </style>
   7 </head>
   8 <body onLoad="javascript:document.styleSheets[0].deleteRule(0);">
   9 <p>Rows should have different number of columns, but those should match.</p>
  10 <table cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 725px;">
  11   <thead>
  12     <tr>
  13         <td class="navbar" style="background-color: LawnGreen;">1</td>
  14         <td style="background-color: Green;">1+</td>
  15         <td class="navbar" style="background-color: Cyan;">2</td>
  16         <td style="background-color: DarkCyan;">2+</td>
  17         <td class="navbar" style="background-color: Yellow;">3</td>
  18         <td style="background-color: Gold;">3+</td>
  19     </tr>
  20   </thead>
  21   <tfoot>
  22     <tr>
  23         <td class="navbar" style="background-color: LawnGreen;">1</td>
  24         <td style="background-color: Green;">1+</td>
  25         <td class="navbar" style="background-color: Cyan;">2</td>
  26         <td style="background-color: DarkCyan;">2+</td>
  27         <td class="navbar" style="background-color: Yellow;">3</td>
  28         <td style="background-color: Gold;">3+</td>
  29         <td class="navbar" style="background-color: Orange;">4</td>
  30         <td style="background-color: DarkOrange;">4+</td>
  31     </tr>
  32   </tfoot>
  33   <tbody>
  34     <tr valign="top">
  35         <td>&nbsp;</td>
  36     </tr>
  37     <tr>
  38         <td class="navbar" style="background-color: LawnGreen;">1</td>
  39         <td style="background-color: Green;">1+</td>
  40         <td class="navbar" style="background-color: Cyan;">2</td>
  41         <td style="background-color: DarkCyan;">2+</td>
  42     </tr>
  43     <tr valign="top">
  44         <td>&nbsp;</td>
  45     </tr>
  46   </tbody>
  47 </table>
  48 <button onClick="javascript:document.styleSheets[0].deleteRule(0);">show</button>
  49 <button onClick="javascript:document.styleSheets[0].insertRule('.navbar {display: none;}', 0);">hide</button>
  50 </body>
  51 </html>