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 € | |
|---|---|---|---|---|
NEU! |
Vue Table
A table without the table-Tag .vue-table > .vue-table__header/__row/__cell
INFO
Bestandteile
Menge
Konzentration
1. Schritt:
Stearinsäure 50%
g
3,0000%
Natriumcarbonat-Monohydrat
g
1,0000%
2. Schritt:
Glycerol (wasserfrei)
T
g
73,0000%
Gereinigtes Wasser
ad
g
23,0000%