reopt designreopt design
DocsExploreToolsPricingBuilder
Explore/
opt-ui161opt-charts21opt-datagrid5opt-editor5opt-chat6opt-shell14brandapp-ui8Examples12
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 서비스 약관
  • 개인정보처리방침

© 2026 reopt-ai. All rights reserved.

Explore/opt-datagrid/Remote Window
Remoteopt-datagrid 예제

Remote Window

useDataGridRemoteDataSource로 openView, window fetch, batched save를 메모리 기반 mock으로 연결합니다.

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

remotedatasourcewindow-fetch
bun add @reopt-ai/opt-datagrid
DataGriduseDataGridRemoteDataSourceDataGridColumn
1024px
Remote Source
View-open, window fetch, batched save on top of a headless hook
loads 0saves 0pending 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

관련 예제

Campaign base
6 rows
Brief
Team
#
1
Spring collection launch
Ready
Mina Park
Email
2
Referral reminder
Draft
Eric Han
Push
3
VIP early access
Blocked
Jisoo Kim
Sales
4
Trial nurture sequence
Live
Hana Lee
Email
5
Homepage promo panel
Idea
Mina Park
Web
6
Winback offer
Ready
Noah Choi
Email

Formula

Priority recompute

Automation

Owner rule

EAV

BrandApp sync

Appopt-datagrid

Campaign Base App

opt-datagrid로 view sidebar, saved views, record activity, owner automation, computed formula field, spreadsheet 편집, field editor, row append, visible-record approval, BrandApp EAV 저장 boundary를 갖춘 캠페인 운영 base 앱입니다.

appbaseactivityautomationformula+2
DataGridDataGridColumnDataGridCommitContextcreateReoptEavClient
열기
Starter Grid
Editable cells with direct commit feedback

Edit any cell to commit.

Launch metrics
Growth
Active
15
Billing events
Finance
Review
30
Support backlog
Ops
Blocked
60
Product usage
Analytics
Active
10
Starteropt-datagrid

Editable Grid

가장 짧은 시작점입니다. DataGrid와 column definition만으로 셀 편집과 commit 흐름을 붙입니다.

editgridcommit
DataGridDataGridColumnDataGridCommitContext
열기
Read-only Monitor
Status badges and metric columns for operations dashboards
Search indexer
Seoul
Healthy
42
Billing sync
Tokyo
Degraded
188
Notification fanout
Singapore
Healthy
53
Warehouse loader
Frankfurt
Alert
410
Session cache
Virginia
Healthy
34
Webhook relay
Oregon
Degraded
244
Monitoropt-datagrid

Ops Monitor

상태 배지, 읽기 전용 메트릭 컬럼, 빠른 스캔 UX를 운영 대시보드 문맥으로 정리한 예제입니다.

monitoringstatusmetrics
DataGridDataGridColumn
열기
이전Scale Grid