Gunnar Bittersmann: Breite von Tabellenspalten im Seitenheader definieren

Beitrag lesen

@@Matthias Apsel

Mithilfe der Pseudoklassen nth-child().

Nicht die beste Idee. Wenn man die Tabelle ändert (Spalten vertauscht, hinzufügt, entfernt), muss man das Stylesheet anpassen.

„Ich habe mehrere Tabellen mit 4 Spalten auf einer Seite“, die alle dieselben Spaltenbreiten(verhältnisse) haben sollen, liest sich so, als seien es immer wieder gleichartige Daten, also dieselben Tabellenköpfe.

Besser: Den col-Elementen eine Klasse verpassen und die jeweiligen Breiten dafür angeben:

<colgroup>
	<col class="Wirkstoffgruppe"/>
	<col class="Wirkstoff"/>
	<col class="Handelsnamen"/>
	<col class="Auswirkungen"/>
</colgroup>
.Wirkstoffgruppe { width: 17% }
.Wirkstoff       { width: 14% }
.Handelsnamen    { width: 29% }

kürzer (nur, wenn es kein script oder template als Kind der tr gibt)

Dann greifen deine Selektoren aber auch falsch. :nth-of-type() statt :nth-child() wäre angebracht gewesen.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory