Skip to content

MatrixTable

API reference and demos for MatrixTable.

Source

import { MatrixTable } from "@flanksource/clicky-ui/data";
Default · Open in Storybook
Angled Headers · Open in Storybook
Angled Headers With Background · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Prop Type Default Description
angledHeaders boolean false —
cellClassName string — —
className string — —
columnClassName string — —
columns* (ReactNode | MatrixTableColumn)[] — Column headers: a bare node, or a `MatrixTableColumn` for per-column styling.
columnWidth number 48 —
corner ReactNode — —
density enum default —
emptyMessage ReactNode No data —
groupRowClassName string — Classes added to every group row's cell.
headerClassName string — —
headerHeight number 120 —
maxHeight string | number — —
rowLabelClassName string — —
rows* (MatrixTableRow | MatrixTableGroupRow)[] — —