Components / AI components / Forms & generated UI
Generative UIExperimental alpha

DataTable

Structured rows with controlled sorting, pagination and card presentation.

DataTable preview

Loading example…

Interactions use local sample data.

Usage and props

Replace the page window, supply unique row/column IDs, immutable sorting and known/unknown totals. Formatters return trusted inert text; preview limits are explicit.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

columns · rows · caption · locale? · formatCell? · sort? · onSort? · pagination? · onPageChange?
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard