DataTable

Sortable data table with configurable columns. Supports row click handlers and custom cell rendering.

Preview

Usage

import { DataTable } from '@ramtt/ui'

<DataTable
  columns={[
    { key: 'name', label: 'Name' },
    { key: 'value', label: 'Value', align: 'right' },
  ]}
  data={[
    { name: 'FTP', value: '285 W' },
    { name: 'Max HR', value: '192 BPM' },
  ]}
/>

Props

Prop	Type	Default	Description
columns*	`DataTableColumn[]`	—	Column definitions
data*	`Record<string, unknown>[]`	—	Row data array
onRowClick	`(row: Record<string, unknown>) => void`	—	Row click handler
className	`string`	—	Additional Tailwind classes