Beispiel-Tabellen & Data Grids
Filter-Layout Spaltenanzahl (xs: 1, md: 2, xl: 3), Tabellen-Sortierfunktion über den Spaltentitel, ausführliches Panel für Tabellen-Aktionen
| Anhänge | Aktionen | ||||
|---|---|---|---|---|---|
| ungelesen | Status 1 | Dies ist ein beispielhafter langer Text für einen Link in einer Tabellenzelle. Dies ist ein beispielhafter langer Text für einen Link in einer Tabellenzelle. | Anhänge | ||
| Status 2 | Und dies ist ein beispielhafter Text für einen Link in einer Tabellenzelle | Anhänge | |||
| ungelesen | Status 1 | Ich bin ein beispielhafter Text für einen Text in einer Tabellenzelle | Anhänge | ||
| tfoot td | Data | Data | tfoot td |
Aktuelle Auswahl: 1 von 3 Nachrichten
Beispieltext: Ungelesene Bescheide herunterladen
Filter Layout Spaltenanzahl (xs: 1, md: 2 x 2, xl:3), Tabellen-Sortierfunktion über den Spaltentitel, Standard-Panel für Tabellen-Aktionen
| Anhänge | Aktionen | ||||
|---|---|---|---|---|---|
| ungelesen | Status 1 | Dies ist ein beispielhafter langer Text für einen Link in einer Tabellenzelle. Dies ist ein beispielhafter langer Text für einen Link in einer Tabellenzelle. | Anhänge | ||
| Status 2 | Dies ist ein beispielhafter Text für einen Link in einer Tabellenzelle | Anhänge | |||
| ungelesen | Status 1 | Dies ist ein beispielhafter Text für einen Text in einer Tabellenzelle | Anhänge | ||
| tfoot td | Data | Data | tfoot td |
Beispieltext: Ungelesene Bescheide herunterladen
Filter Layout Spaltenanzahl (xs: 1, md: 2, xl: 3), Filter-Tags, Tabellen-Sortierfunktion über den Spaltentitel
| Anhänge | Aktionen | ||||
|---|---|---|---|---|---|
| Status 1 | Dies ist ein beispielhafter langer Text für einen Link in einer Tabellenzelle. Dies ist ein beispielhafter langer Text für einen Link in einer Tabellenzelle. | Anhänge | |||
| Status 2 | Dies ist ein beispielhafter Text für einen Link in einer Tabellenzelle | Anhänge | |||
| Status 1 | Dies ist ein beispielhafter Text für einen Text in einer Tabellenzelle | Anhänge | |||
| tfoot td | Data | Data | tfoot td |
Filter-Layout Spaltenanzahl (xs: 1, ab md: 2)
Data Grid anstelle von Tabelle (pro Reihe je eine Aktionenspalte und ein Kontextmenü), Modal Drawer für den Filter
Beispiel Überschrift (optional)
- Beispieltext
Lorem ipsum dolor sit amet, consectetur
BeispieltextwarningHeute, 12:04ABDies ist ein Beispieltext Ich bin nur ein kleiner Beispieltext. Wenn ich groß bin, will ich Ulysses von James Joyce werden. Nr.: 123456789012Beispiel NameHeute, 12:04 Beispiel Namewarning ABLorem ipsum dolor sit amet consectetur adipisicing elit.
15.01.2026, 15:32Lorem ipsum dolor sit amet consectetur adipisicing elit.
07.01.2026, 10:47 - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit ad nulla voluptatem corrupti nam, distinctio consectetur facilis. Soluta ipsam harum nesciunt nostrum debitis necessitatibus recusandae consequatur provident sed, corporis deserunt?
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit ad nulla voluptatem corrupti nam, distinctio consectetur facilis. Soluta ipsam harum nesciunt nostrum debitis necessitatibus recusandae consequatur provident sed, corporis deserunt?
- BeispieltextLorem ipsum dolor sit amet, consectetur adipisicing elit. Velit ad nulla voluptatem corrupti nam, distinctio consectetur facilis. Soluta ipsam harum nesciunt nostrum debitis necessitatibus recusandae consequatur provident sed, corporis deserunt?
- BeispieltextLorem ipsum dolor sit amet, consectetur adipisicing elit. Velit ad nulla voluptatem corrupti nam, distinctio consectetur facilis. Soluta ipsam harum nesciunt nostrum debitis necessitatibus recusandae consequatur provident sed, corporis deserunt?
Data Grid anstelle von Tabelle (pro Reihe je zwei Aktionenspalten und kein Kontextmenü) und alle markieren aktiviert, Modal Drawer für Filtervorlagen
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit ad nulla voluptatem corrupti nam, distinctio consectetur facilis. Soluta ipsam harum nesciunt nostrum debitis necessitatibus recusandae consequatur provident sed, corporis deserunt?
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit ad nulla voluptatem corrupti nam, distinctio consectetur facilis. Soluta ipsam harum nesciunt nostrum debitis necessitatibus recusandae consequatur provident sed, corporis deserunt?
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit ad nulla voluptatem corrupti nam, distinctio consectetur facilis. Soluta ipsam harum nesciunt nostrum debitis necessitatibus recusandae consequatur provident sed, corporis deserunt?
- BeispieltextLorem ipsum dolor sit amet, consectetur adipisicing elit. Velit ad nulla voluptatem corrupti nam, distinctio consectetur facilis. Soluta ipsam harum nesciunt nostrum debitis necessitatibus recusandae consequatur provident sed, corporis deserunt?
- BeispieltextLorem ipsum dolor sit amet, consectetur adipisicing elit. Velit ad nulla voluptatem corrupti nam, distinctio consectetur facilis. Soluta ipsam harum nesciunt nostrum debitis necessitatibus recusandae consequatur provident sed, corporis deserunt?