CSS: Tabelle mit 2 und mehr Kopfzeilen formatieren

[Matthias Apsel]

Hallo Jan^3,

Mit JaveScript aus Scheiße Gold machen wird wohl die einzige Lösung bleiben.

Das wäre eine recht aufwändige Lösung.

Eine reine CSS-Lösung gibt es nicht, weil CSS nicht rückwärts selektieren kann.

Eine einfachere Lösung als das ganze DOM umzubauen, wäre der ersten Tabellenzeile genau dann eine Klasse zu geben, wenn sie td-Elemente mit colspan-Attributen enthält. Vielleicht superheading 😂

var ths = document.querySelectorAll("td[colspan]");
for (var i=0; i < ths.length; i++) {
	ths[i].parentNode.classList.add("superheading");
}

Dann könntest du .superheading + tr td beliebig formatieren.

(Ich habe es so verstanden: Die zweite Tabellenzeile ist genau dann eine Überschrift, wenn die erste Tabellenzeile verbundene Tabellenzellen enthält.)

Bis demnächst
Matthias