Zum Inhalt springen
ZVVAtlas · Showcase

Command Palette

Schnell durch Atlas navigieren

Tabellen

TanStack Table mit 250 Mock-Fahrzeugen. Sortierung, Suche, Pagination. Atlas-Standard für Daten-Tabellen ab ~50 Rows.

250 von 250 Fahrzeugen
MVUTypAntriebStatusKapazität
AAGR-1000AAGRS-BahnTrolley2017ausser Betrieb184
SBB-1001SBBBusHybrid2018ausser Betrieb104
BSU-1002BSUS-BahnTrolley2022in Betrieb66
BSU-1003BSUS-BahnElektro2005geplant138
BSU-1004BSUBusHybrid2017geplant186
VBZ-1005VBZS-BahnDiesel1996ausgeschieden77
PAG-1006PAGS-BahnDiesel1991ausgeschieden77
BSU-1007BSUS-BahnDiesel2013in Betrieb52
SBB-1008SBBS-BahnTrolley2003geplant70
AAGR-1009AAGRTrolleybusDiesel2009ausser Betrieb198
SBB-1010SBBS-BahnTrolley2006ausser Betrieb101
BSU-1011BSUTrolleybusElektro2007in Betrieb47
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,
})