reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
opt-datagrid11
Remote Window
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.

Remoteopt-datagrid example

Remote Window

Headless remote datasource with placeholder rows, window loading, and batched saves.

remotedatasourcewindow-fetch
bun add @reopt-ai/opt-datagrid

APIs used

DataGriduseDataGridRemoteDataSourceDataGridColumnDataGridRemoteLoadParamsDataGridRemoteOpenViewParamsDataGridRemoteSaveParams

Live preview

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

1024px

Workflow operations

Simulated remote source

Workflow queue

Scroll through 240 workflows. This local adapter simulates loading and saving only the rows you need.

Window loads
0
Saved batches
0
Pending changes
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0
Loading workflow…
—
Loading
0

Install and import

Related docsOpen playground

Install

bun add @reopt-ai/opt-datagrid

Import

import { DataGrid, useDataGridRemoteDataSource, type DataGridColumn, type DataGridRemoteLoadParams, type DataGridRemoteOpenViewParams, type DataGridRemoteSaveParams } 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.

PreviousScale Grid