Tabellenzellen-Rahmen verschwinden, wenn einzelne tr auf display:none gesetzt werden

[MudGuard]

Hi,

<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>

hm. Ich hab mehrere tbody, auf die sich die Zeilen verteilen. Sollte das der entscheidende Unterschied sein?

setTimeout(kill, 2000);

function kill() {
   let r = document.querySelector("table tr:nth-child(3)");
   r.classList.add("hidden");
   // bzw: r.hidden = true;
}

Im Kommentar ist die „richtigere“ Alternative: die hidden-Eigenschaft zu setzen anstatt das Verhalten dieser Eigenschaft mit einer Klasse nachzubauen.

ja, ich merke, daß einige Jahre ohne Webseiten-Bastelei dazu geführt haben, daß ich nicht mehr auf dem aktuellen Stand bin.

Hab's mit dem hidden-Attribut/Property/whatever probiert.

Gleiches Ergebnis, die Rahmen verschwinden, sobald nicht alle Zeilen angezeigt werden.

Ach ja, ich hab's im Firefox (118.0.1 64BIt unter Windows) probiert. Die Rahmen verschwinden.
Unter MacOs, Chrome (117.0.5938.149) bleiben die Rahmen erhalten.

Strange ...

cu,
Andreas a/k/a MudGuard