Tabelle einklappbar

[Rolf B]

Hallo Feffo, oder Steffi,

Welcher Befehl ist dafür vorgesehen?

Keiner. HTML hat Elemente 😉

Eigentlich sind dafür <details> und <summary> da. Die werden von Firefox, Chrome und Safari unterstützt, von den Microsoft-Browsern nicht. Dort siehst Du dann ständig die aufgeklappte Tabelle.

Dumm ist nur, dass Du dann keine automatische Breitenaufteilung mehr verwenden kannst, weil Du die Tabelle zweiteilen musst. Die Überschriften kommen in <summary> hinein, die Datenzeilen darunter. D.h. du müsstest die Spaltenbreiten fest vorgeben und ggf. mit CSS dafür sorgen, dass keine Abstände und kein Versatz zwischen Überschrift und Inhalt entstehen.

Ohne <details>/<summary> wirst Du einen Button brauchen, der mit einer Prise JavaScript dafür sorgt, das die Sichtbarkeit des <tbody> umgeschaltet wird. Einen Mausklick auf den th-Elementen abzufangen ist technisch zwar möglich, praktisch aber falsch weil es die Benutzbarkeit unzulässig einschränkt. Du kannst diesen Button auch in eins der th Elemente hineinsetzen.

Welchen Weg willst Du gehen?

Rolf