Records table
Selectable records with an initial avatar, tags with +N overflow, relative date and connection strength. Selection lives in recordsTableSelectionAtom(id); sorting is a callback only.
Preview
Use the controls to explore the component's props.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
rows (required) | IRecordsRow[] | — | id, name, initial, tags, lastInteraction, strength. |
selected / onSelectionChange | ReadonlySet<string> | — | Controlled selection. |
onSortChange | (column) => void | — | Header sort control; the design shows no direction. |
maxTags | number | 2 | Tags shown before +N. |
Example
import { RecordsTable } from "@exegia/corpora-ui"
<RecordsTable rows={rows} onSortChange={sortBy} />The selection and company columns stay pinned during horizontal scrolling. Set stickyHeader and constrain the height (for example, className="max-h-64") to keep the header visible while scrolling vertically. Scrollbars are hidden; trackpad, wheel, touch, and keyboard scrolling remain available.
Last updated on