reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
opt-datagrid11
Scale Grid
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Scaleopt-datagrid example

Scale Grid

Performance preset for large datasets with stable identity and cached values.

performancevirtualizationrow-id
bun add @reopt-ai/opt-datagrid

APIs used

DataGridDataGridColumn

Live preview

Change the width and theme, then interact with the components.

1024px

Account operations

5,000 sample accounts

Workspace accounts

Browse and edit 5,000 sample accounts with virtualized rows. Changes stay in this session.

Accounts
5,000
Plans
4
Regions
4
Workspace 1
Starter
Seoul
3
Workspace 2
Growth
Tokyo
4
Workspace 3
Scale
Singapore
5
Workspace 4
Enterprise
Virginia
6
Workspace 5
Starter
Seoul
7
Workspace 6
Growth
Tokyo
8
Workspace 7
Scale
Singapore
9
Workspace 8
Enterprise
Virginia
10
Workspace 9
Starter
Seoul
11
Workspace 10
Growth
Tokyo
12
Workspace 11
Scale
Singapore
13
Workspace 12
Enterprise
Virginia
14
Workspace 13
Starter
Seoul
15
Workspace 14
Growth
Tokyo
16
Workspace 15
Scale
Singapore
17
Workspace 16
Enterprise
Virginia
18
Workspace 17
Starter
Seoul
19
Workspace 18
Growth
Tokyo
20
Workspace 19
Scale
Singapore
21
Workspace 20
Enterprise
Virginia
22
Workspace 21
Starter
Seoul
23
Workspace 22
Growth
Tokyo
24
Workspace 23
Scale
Singapore
25
Workspace 24
Enterprise
Virginia
26
Workspace 25
Starter
Seoul
27
Workspace 26
Growth
Tokyo
28
Workspace 27
Scale
Singapore
29

Install and import

Related docsOpen playground

Install

bun add @reopt-ai/opt-datagrid

Import

import { DataGrid, type DataGridColumn } from "@reopt-ai/opt-datagrid";

Related Examples

opt-datagrid

AI Stream

Examples

A table a real model writes while you watch: YAML becomes patches, changes wait for review, edits are never overwritten, and formulas, sorting and per-row AI columns take one line.

opt-datagrid

Campaign Base App

Examples

A campaign workspace with editable grids, saved views, filtering, sorting, grouping, a status board, record details, bulk actions, undo/redo, and local persistence.

opt-datagrid

Editable Grid

Examples

Starter spreadsheet grid with editable columns and commit feedback.

PreviousOps MonitorNextRemote Window