Table

Default Table

.c-table

For fixed cell widths add the modifier: .-fixed-layout (you can use width-helpers classes on columns with a fixed table-layout)

INFO

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
Jill	Smith	50

Table With Two Headers

.c-table.-two-headers

INFO

Soll-Einwaagee	Lastname	Age
Soll-Einwaagee	Smith	50
Soll-Einwaagee	Jackson	94

Borderless Table

.c-table.-borderless

INFO

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
Jill	Smith	50

Table without Stripes

.c-table.-no-stripes

INFO

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
Jill	Smith	50

Small / Condensed Table

.c-table.-condensed or .c-table.-small

INFO

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
Jill	Smith	50

Extra Small / Condensed Table

.c-table.-extra-small (e.g. in usage for Bestandteile-Table in Plausi).

INFO

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
Jill	Smith	50

Horizontally Small Paddings and left intendation

.c-table.-only-x-small: Only x-paddings in columns are small. .c-table.-left-indent: First column is indented.

INFO

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94

Vertical Align Middle

.c-table.-vertical-align-middle

Vertical Align Top

.c-table.-vertical-align-top

Text-Align Right on Last Column

.c-table.-last-align-right

Table Badge

.c-table > td > div.c-table__badge

Example:

INFO

	Premium Learning 95 € jährlich, inkl. MwSt.	Premium LabXpert 37,50 € monatlich *	Premium MediCheck 95 € monatlich *	Premium Complete 119 € monatlich * statt 132,50 €
Prüfungstrainer Fit fürs Examen mit unseren Prüfungstrainern! Kommentare Software auf Keine-Bange.de für das 1. Staatsexamen Karteikartentrainer mit über 1500 Fragen für das 2. Staatsexamen Karteikartentrainer für das 3. Staatsexamen mit über 600 Fragen in den Fächern Recht und Praxis mehr Informationen
NEU! apotermin – Coronatest-Software Mit apotermin managen Sie Ihr Coronatest-Zentrum und vieles mehr: Terminsoftware Digital vom Termin zum Testergebnis beim Kunden Zertifikate mit QR-Code Zentrale Landingpage Anbindung Ihrer Apotheken-Homepage Auch für andere pharmazeutische Dienstleistungen nutzbar mehr Informationen

Vue Table

A table without the table-Tag .vue-table > .vue-table__header/__row/__cell

INFO

 

Bestandteile

Menge

Konzentration

Aktionen

1. Schritt:

 

 

Stearinsäure 50%

T

g

undefined g

3,0000%

• Stoff als Sandwichstoff
• Stoff teilen

 

Natriumcarbonat-Monohydrat

T ad

g

undefined g

1,0000%

• Stoff als Sandwichstoff
• Stoff teilen

2. Schritt:

 

 

Glycerol (wasserfrei)

T ad

g

undefined g

73,0000%

• Stoff als Sandwichstoff
• Stoff teilen

 

Gereinigtes Wasser

T ad

g

undefined g

23,0000%

• Stoff als Sandwichstoff
• Stoff teilen

 

Gesamtmenge

100,00 g

 

Mehrere Herstellungsschritte

 

Sandwicheinwaage