| <html> |
| <head> |
| <title>Add/remove "display: none" to table elements (bug 3702)</title> |
| <style type="text/css"> |
| .navbar{display: none;} |
| </style> |
| </head> |
| <body onLoad="javascript:document.styleSheets[0].deleteRule(0);"> |
| <p>Rows should have different number of columns, but those should match.</p> |
| <table cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 725px;"> |
| <thead> |
| <tr> |
| <td class="navbar" style="background-color: LawnGreen;">1</td> |
| <td style="background-color: Green;">1+</td> |
| <td class="navbar" style="background-color: Cyan;">2</td> |
| <td style="background-color: DarkCyan;">2+</td> |
| <td class="navbar" style="background-color: Yellow;">3</td> |
| <td style="background-color: Gold;">3+</td> |
| </tr> |
| </thead> |
| <tfoot> |
| <tr> |
| <td class="navbar" style="background-color: LawnGreen;">1</td> |
| <td style="background-color: Green;">1+</td> |
| <td class="navbar" style="background-color: Cyan;">2</td> |
| <td style="background-color: DarkCyan;">2+</td> |
| <td class="navbar" style="background-color: Yellow;">3</td> |
| <td style="background-color: Gold;">3+</td> |
| <td class="navbar" style="background-color: Orange;">4</td> |
| <td style="background-color: DarkOrange;">4+</td> |
| </tr> |
| </tfoot> |
| <tbody> |
| <tr valign="top"> |
| <td> </td> |
| </tr> |
| <tr> |
| <td class="navbar" style="background-color: LawnGreen;">1</td> |
| <td style="background-color: Green;">1+</td> |
| <td class="navbar" style="background-color: Cyan;">2</td> |
| <td style="background-color: DarkCyan;">2+</td> |
| </tr> |
| <tr valign="top"> |
| <td> </td> |
| </tr> |
| </tbody> |
| </table> |
| <button onClick="javascript:document.styleSheets[0].deleteRule(0);">show</button> |
| <button onClick="javascript:document.styleSheets[0].insertRule('.navbar {display: none;}', 0);">hide</button> |
| </body> |
| </html> |
