Tabellenzellen-Rahmen verschwinden, wenn einzelne tr auf display:none gesetzt werden
bearbeitet vonHallo MudGuard,
ich habe das mit diesem HTML ausprobiert:
~~~html
<table>
<tr><td>Huhu</td><td>Huhu</td><td>Huhu</td><td>Huhu</td></tr>
<tr><td>Huhu</td><td>Huhu</td><td>Huhu</td><td>Huhu</td></tr>
<tr><td>Huhu</td><td>Huhu</td><td>Huhu</td><td>Huhu</td></tr>
<tr><td>Huhu</td><td>Huhu</td><td>Huhu</td><td>Huhu</td></tr>
<tr><td>Huhu</td><td>Huhu</td><td>Huhu</td><td>Huhu</td></tr>
</table>
~~~
und diesem JavaScript:
~~~js
setTimeout(kill, 2000);
function kill() {
let r = document.querySelector("table tr:nth-child(3)");
r.classList.add("hidden");
}
~~~
und deinem CSS.
Ergebnis nach 2 Sekunden:
[](/images/c9e41204-6ab8-11ee-9ba5-b42e9947ef30.png)
_Rolf_
--
sumpsi - posui - obstruxi