Tabellen & Filter
Data Table
Komposition
| Objekt | Status | Aktionen | |||||
|---|---|---|---|---|---|---|---|
| MP-001 | Demo-Anna Muster WE 01 | Musterstraße 1 | 01.01.2026 | 640,00 € | Bezahlt | ||
| MP-002 | Demo-Jonas Beispiel WE 02 | Beispielweg 7 | 04.02.2026 | 777,00 € | Bezahlt | ||
| MP-003 | Demo-Lea Probe WE 03 | Testallee 12 | 07.03.2026 | 914,00 € | Offen | ||
| MP-004 | Demo-Mehmet Testmann WE 04 | Musterstraße 1 | 10.04.2026 | 1.051,00 € | Überfällig | ||
| MP-005 | Demo-Sophie Muster WE 05 | Beispielweg 7 | 13.05.2026 | 1.188,00 € | Bezahlt | ||
| MP-006 | Demo-Tim Beispiel WE 06 | Testallee 12 | 16.06.2026 | 1.325,00 € | Teilweise | ||
| MP-007 | Demo-Clara Probe WE 07 | Musterstraße 1 | 19.07.2026 | 1.462,00 € | Offen | ||
| MP-008 | Demo-Felix Testmann WE 08 | Beispielweg 7 | 22.08.2026 | 1.599,00 € | Bezahlt | ||
| MP-009 | Demo-Mira Muster WE 09 | Testallee 12 | 25.09.2026 | 1.736,00 € | Bezahlt | ||
| MP-010 | Demo-Paul Beispiel WE 10 | Musterstraße 1 | 01.10.2026 | 673,00 € | Offen |
Import
import { useDataTable, DataTableView, DataTablePagination } from "@/components/compositions/data-table"Basis: list-panel, table, @tanstack/react-table 8.21, tabs, dropdown-menu, checkbox, pagination, combobox, unit-input
Verwendung