DataTable
ShellsDisplay generic tabular data with dynamic columns, safe sorting, keyboard resizing, an accessible grid label, and an optional title.
Explore hierarchical rows with recursive rendering and expand and collapse controls.
bun add @reopt-ai/opt-uiimport { TreeTable } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| Name | Size | Type |
|---|---|---|
Level 1. src | — | folder |
Level 2. index.ts | 2.1 KB | file |
Level 2. utils | — | folder |
Level 3. cn.ts | 0.5 KB | file |
Level 1. package.json | 1.2 KB | file |
| 키 | 동작 |
|---|---|
| Tab | 펼침/접기 컨트롤 사이 이동 |
| Enter / Space | 하위 행 펼치기 또는 접기 |
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.
Edit cells with a double click, confirm with Enter, and cancel with Escape.
Move cards between Kanban columns using HTML5 drag and drop.