import { Table } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
columnsreq | TableColumn<T>[] | — | Column definitions with key, header, render, align, width, sortable |
datareq | T[] | — | Row data array |
striped | boolean | false | Alternate row shading |
bordered | boolean | false | Add cell borders |
compact | boolean | false | Reduce row padding |
columnsrequiredType
TableColumn<T>[]Default —Column definitions with key, header, render, align, width, sortable
datarequiredType
T[]Default —Row data array
stripedType
booleanDefault falseAlternate row shading
borderedType
booleanDefault falseAdd cell borders
compactType
booleanDefault falseReduce row padding
MobileStacks / Scroll
Wide tables activate horizontal scroll at <640px. Wrap in overflow-x-auto. Consider a card-based mobile layout for ≤3 columns using CSS @container or the responsive prop.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?