Data grid
Datensätze sortieren, auswählen, blättern und kürzen: Mehrfach-Sortierung mit Shift, Bereichsauswahl, ausblendbare und verbreiterbare Spalten, eine Einheit je Spalte.
import { DataGrid } from "@/forma/data/data-grid";Base
In FORMA
- Liegt in
kit/data/data-grid.tsxund ist über@/forma/data/data-griderreichbar. - FORMAs eigener Baustein, auf Arc gebaut: Arcs Buttons, Felder und Federn darunter, Farbe, Ecken, Höhen und Tempo aus der Richtung.
Usage
import { DataGrid } from "@/forma/data/data-grid";API reference
| Prop | Type | Default | Description |
|---|---|---|---|
rows | T[] | – | mit id |
columns | GridColumn<T>[] | – | key, label, numeric, unit, severity, width, render |
pageSize | number | – | schaltet Seiten ein |
label | string | "Daten" | Name der Tabelle |
Herkunft
- Aufbau und Inhalt nach design.how Glaze (Arlan Marat), neu gebaut auf Arc: Arcs Buttons, Felder und Bewegung, Farben und Formen aus der Richtung.
Komponente und Text: Arc UI (MIT, uiarc.dev), angepasst für FORMA.