third_party/WebKit/LayoutTests/fast/table/remove-td-display-none.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>Both rows should have the same width (725px).</p>
  10 <table cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 725px;">
  11     <tr id='first_row'>
  12         <td class="navbar" style="background-color: LawnGreen;">1</td>
  13         <td style="background-color: Green;">1+</td>
  14         <td class="navbar" style="background-color: Cyan;">2</td>
  15         <td style="background-color: DarkCyan;">2+</td>
  16         <td class="navbar" style="background-color: Yellow;">3</td>
  17         <td style="background-color: Gold;">3+</td>
  18         <td class="navbar" style="background-color: Orange;">4</td>
  19         <td style="background-color: DarkOrange;">4+</td>
  20     </tr>
  21     <tr valign="top">
  22         <td>&nbsp;</td>
  23     </tr>
  24 </table>
  25 <table cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 725px;">
  26     <tr>
  27         <td style="background-color: LawnGreen;">1</td>
  28         <td style="background-color: Cyan;">2</td>
  29         <td style="background-color: Yellow;">3</td>
  30         <td style="background-color: Orange;">4</td>
  31     </tr>
  32 </table>
  33 <button onClick="javascript:document.styleSheets[0].deleteRule(0);">show</button>
  34 <button onClick="javascript:document.styleSheets[0].insertRule('.navbar {display: none;}', 0);">hide</button>
  35 </body>
  36 </html>