Tabelle einfügen: Block Inserter > Blocks > Table (Abschnitt „Text“)

Tabellen haben eine feste Gestaltung: roter Rahmen mit gerundeten Ecken, schwarze Trennlinien

Erstmal ist die Tabellenbreite 100% und die Breite aller Spalten ist gleich. Mit Utility Classes* kann die Tabellenbreite und die Breite der ersten beiden Spalten angepasst werden.

Utility Classes eintragen

Folgende Klassen sind definiert:

.tw-20 .. 90: Tabellenbreite 20% .. 90% in Zehnerschritten
.tw-col-1-20: Breite Spalte 1, 20% .. 50% in Zehnerschritten
.tw-col-2-20: Breite Spalte 2, 20% .. 50% in Zehnerschritten

Falls es eine dritte Spalte gibt, hat sie die Restbreite.

Beispiel:

Die Tabelle hat die Utility Classes: tw-80 tw-col-1-30 tw-col-2-50. Sie ist also 80% breit.

Spalte 1	Spalte 2	Spalte 3
Breite: 30%	Breite: 50%	Breite: 20%

*Utility Classes: Hilfsklassen, die Elementen vordefinierte Eigenschaften zuordnen