Tabellen
Für Tabellen mit 3 oder weniger Spalten werden für mobile Endgeräte die ersten beiden Spalten zusammengefasst und die letzte Spalte belassen und die Tabelle weiterhin als solche dargestellt.
| Kriterium |
Daten |
Status |
Kriterium/Daten |
Status |
|
Kriterium
|
3601759
|
Aktiv
|
Kriterium
3601759 |
Aktiv |
|
Längeres Kriterium
|
23.09.2023
|
bezahlt
|
Längeres Kriterium
23.09.2023 |
bezahlt |
|
Noch ein langes Kriterium
|
Eva Calvert
|
löschen
|
Noch ein langes Kriterium
Eva Calvert |
löschen |
|
Kurzes Kriterium
|
make.leo@gmail.com
|
inaktiv
|
Kurzes Kriterium
make.leo@gmail.com |
inaktiv |
Für Tabellen mit 4 oder mehr Spalten wird für mobile Endgeräte die Flip-To-List-Logik (vgl. Tabellen-Komponente) angewendet.
4 Spalten
| Heading 1 |
Heading 2 |
Heading 3 |
Heading 4 |
|
Kriterium
|
3601759
|
Lorem ipsum
|
Tabellenzelleninhalt
|
Heading 1
Kriterium
Heading 2
3601759
Heading 3
Lorem ipsum
Heading 4
Tabellenzelleninhalt |
|
Längeres
|
23.09.2023
|
Dolor sit amet
|
Anderer Status
|
Heading 1
Längeres
Heading 2
23.09.2023
Heading 3
Dolor sit amet
Heading 4
Anderer Status |
|
Noch ein langes Kriterium
|
Eva Calvert
|
Lorem dolor
|
-
|
Heading 1
Noch ein langes Kriterium
Heading 2
Eva Calvert
Heading 3
Lorem dolor
Heading 4
- |
|
Kurzes Kriterium
|
make.leo@gmail.com
|
Sit amet
|
Status
|
Heading 1
Kurzes Kriterium
Heading 2
make.leo@gmail.com
Heading 3
Sit amet
Heading 4
Status |
4 Spalten, ohne Überschriften
|
Kriterium
|
3601759
|
Lorem ipsum
|
Tabellenzelleninhalt
|
Kriterium
3601759
Lorem ipsum
Tabellenzelleninhalt |
|
Längeres
|
23.09.2023
|
Dolor sit amet
|
Anderer Status
|
Längeres
23.09.2023
Dolor sit amet
Anderer Status |
|
Noch ein langes Kriterium
|
Eva Calvert
|
Lorem dolor
|
-
|
Noch ein langes Kriterium
Eva Calvert
Lorem dolor
- |
|
Kurzes Kriterium
|
make.leo@gmail.com
|
Sit amet
|
Status
|
Kurzes Kriterium
make.leo@gmail.com
Sit amet
Status |
|
