Liebe Leute,
ich habe eine komplex verschachtelte Tabellenstruktur, bei der ich auf "click" einzelne Teile dynamisch ein- und ausblenden will. Im Prinzip geht das auch, nur scheint es eine Art Massenproblem zu geben. Zur Verdeutlichung (hier mal statisch dargestellt):
<HTML>
<BODY>
<table border="1">
<tr><td rowspan="29">000</td><td rowspan="1"> AAA </td></tr>
<tr><td rowspan="1"> BBB </td></tr>
<tr><td rowspan="2"> CCC </td><td rowspan="1"> DDD </td></tr>
<tr><td rowspan="1"> EEE </td></tr>
<tr><td rowspan="20"> FFF </td>
<td rowspan="1" style="display:block"> GGG </td></tr>
<tr><td rowspan="1" style="display:block"> HHH </td></tr>
<tr><td rowspan="1" style="display:block"> III </td></tr>
<tr><td rowspan="1" style="display:block"> JJJ </td></tr>
<tr><td rowspan="1" style="display:block"> KKK </td></tr>
<tr><td rowspan="1" style="display:block"> LLL </td></tr>
<tr><td rowspan="1" style="display:block"> MMM </td></tr>
<tr><td rowspan="1" style="display:block"> NNN </td></tr>
<tr><td rowspan="1" style="display:block"> OOO </td></tr>
<tr><td rowspan="1" style="display:block"> PPP </td></tr>
<tr><td rowspan="1" style="display:block"> QQQ </td></tr>
<tr><td rowspan="1" style="display:block"> RRR </td></tr>
<tr><td rowspan="1" style="display:block"> SSS </td></tr>
<tr><td rowspan="1" style="display:block"> TTT </td></tr>
<tr><td rowspan="1" style="display:block"> UUU </td></tr>
<tr><td rowspan="1" style="display:block"> VVV </td></tr>
<tr><td rowspan="1" style="display:block"> WWW </td></tr>
<tr><td rowspan="1" style="display:block"> XXX </td></tr>
<tr><td rowspan="1" style="display:block"> YYY </td></tr>
<tr><td rowspan="1" style="display:block"> ZZZ </td></tr>
<tr><td rowspan="3"> aaa </td><td rowspan="1"> bbb </td></tr>
<tr><td rowspan="1"> ccc </td></tr>
<tr><td rowspan="1"> ddd </td></tr>
<tr><td rowspan="1"> eee </td></tr>
<tr><td rowspan="1"> fff </td><td rowspan="1"> ggg </td></tr>
</table>
</body>
</html>
Alles anzeigen
Das wird so angezeigt wie ich es erwarte. Wenn ich jetzt aber alle "block" durch "none" ersetze, erwarte ich eigentlich, daß die Zeile mit dem FFF auf eine Zeilenhöhe zusammenschnurrt und GGG bis ZZZ verschwinden.
Das Verschwinden klappt auch, aber das FFF nimmt sich jetzt mehr Platz als ihm zusteht, als ob die ganzen ausgeblendeten Tabellenelemente nicht völlig verschwinden, sondern nach wie vor ein bißchen Platz brauchen.
Kann das jemand bestätigen, und gibt es einen Trick das abzustellen?
Das "display:none" beim tr-Objekt zu platzieren nutzt leider auch nichts. Nur wenn ich weniger als 10 Zeilen verstecke (also in obigem Beispiel PPP bis ZZZ lösche und die "rowspan"s von 000 auf 18 und von
FFF auf 9 setze, sieht es stimmig aus.
Wer weiß Rat?
Gruß&Dank
Wolfgang