@velox/table

Data table with sortable + resizable columns, row selection, and virtualized rows (only visible rows render). Column widths auto-size from content using measureText.

Install

npm install @velox/table

Usage

import { DataTable } from '@velox/table'
 
const columns = [
  { key: 'name',  label: 'Name',  sortable: true },
  { key: 'email', label: 'Email' },
  { key: 'plan',  label: 'Plan',  align: 'right', render: (v) => <Badge label={v} /> },
]
 
<DataTable columns={columns} rows={users} width={720} height={480}
           selectable onRowPress={(u) => open(u)} onSort={(key, dir) => refetch(key, dir)} />

Drag a column's right edge to resize it. Rows are windowed via VirtualizedList, so tens of thousands of rows stay smooth.

@velox/charts @velox/command