Versionen dieses Beitrags

Tabelle einklappbar

Thepoeppel crop Rolf B
  • Tabelle einklappbar
  • Hallo Feffo, oder Steffi,
  • > Welcher Befehl ist dafür vorgesehen?
  • Keine. HTML hat Elemente 😉
  • 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_
  • --
  • sumpsi - posui - clusi