52 lines
1.9 KiB
HTML
52 lines
1.9 KiB
HTML
<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>
|