Tabellen
TanStack Table mit 250 Mock-Fahrzeugen. Sortierung, Suche, Pagination. Atlas-Standard für Daten-Tabellen ab ~50 Rows.
250 von 250 Fahrzeugen
| MVU | Typ | Antrieb | Status | Kapazität | ||
|---|---|---|---|---|---|---|
| AAGR-1000 | AAGR | S-Bahn | Trolley | 2017 | ausser Betrieb | 184 |
| SBB-1001 | SBB | Bus | Hybrid | 2018 | ausser Betrieb | 104 |
| BSU-1002 | BSU | S-Bahn | Trolley | 2022 | in Betrieb | 66 |
| BSU-1003 | BSU | S-Bahn | Elektro | 2005 | geplant | 138 |
| BSU-1004 | BSU | Bus | Hybrid | 2017 | geplant | 186 |
| VBZ-1005 | VBZ | S-Bahn | Diesel | 1996 | ausgeschieden | 77 |
| PAG-1006 | PAG | S-Bahn | Diesel | 1991 | ausgeschieden | 77 |
| BSU-1007 | BSU | S-Bahn | Diesel | 2013 | in Betrieb | 52 |
| SBB-1008 | SBB | S-Bahn | Trolley | 2003 | geplant | 70 |
| AAGR-1009 | AAGR | Trolleybus | Diesel | 2009 | ausser Betrieb | 198 |
| SBB-1010 | SBB | S-Bahn | Trolley | 2006 | ausser Betrieb | 101 |
| BSU-1011 | BSU | Trolleybus | Elektro | 2007 | in Betrieb | 47 |
Seite 1 von 21
Pattern
@tanstack/react-tabletsx
import { useReactTable, getCoreRowModel, getSortedRowModel } from '@tanstack/react-table'
const table = useReactTable({
data, columns,
getCoreRowModel: getCoreRowModel(),
getSortedRowModel: getSortedRowModel(),
getFilteredRowModel: getFilteredRowModel(),
getPaginationRowModel: getPaginationRowModel(),
state: { sorting, globalFilter: search },
onSortingChange: setSorting,
onGlobalFilterChange: setSearch,
})