DataTable
ShellsDisplay generic tabular data with dynamic columns, safe sorting, keyboard resizing, an accessible grid label, and an optional title.
Edit cells with a double click, confirm with Enter, and cancel with Escape.
bun add @reopt-ai/opt-uiimport { InlineEditTable } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| Name | |
|---|---|
| Alice | alice@example.com |
| Bob | bob@example.com |
Display generic tabular data with dynamic columns, safe sorting, keyboard resizing, an accessible grid label, and an optional title.
Manage domain rows in a Composite grid with keyboard navigation.
Explore windowed query results with typed headers, local sorting, resizable columns, row details, and explicit null, boolean, and object values.
Arrange draggable and resizable dashboard widgets with react-grid-layout.
Explore hierarchical rows with recursive rendering and expand and collapse controls.
Move cards between Kanban columns using HTML5 drag and drop.