REACT 19 / TYPESCRIPT

データグリッドは、触れば分かる。

React 19 製の仮想化スプレッドシート。下のグリッドは実物です — セルをダブルクリック(タッチはダブルタップ)して編集してみてください。

  • 100 万行対応の仮想化 + 3 ペイン固定列
  • Excel ライクな編集・コピペ・undo/redo(IME 対応)
  • SSRM: サーバ取得・楽観更新・ロールバック
  • Tailwind / Mantine / HeroUI と共存する CSS 設計
はじめる
ToolbarRows: 100000 / 100000Columns: 6 / 6Sort: なし
#
ID
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
10
10
11
11
12
12
13
13
14
14
15
15
16
16
17
17
18
18
19
19
20
20
21
21
状態
停止
停止
廃番
有効
停止
停止
廃番
有効
有効
停止
廃番
廃番
停止
有効
停止
廃番
停止
有効
停止
停止
停止
Rows: 100000 / 100000Columns: 6 / 6
Active: なしSelection: なしCells: 0 / Rows: 0Cols: 0

100,000 行 · ダブルクリック / ダブルタップで編集 · ヘッダーメニューからフィルター / ソート

仮想化

〜100 万行をスムーズに

編集

エディタ 6 種 + バリデーション

SSRM

サーバ取得 + 書き戻し

グルーピング

階層 + 集計