機能一覧
ReoGrid Web は Canvas ベースの高性能スプレッドシートライブラリです。このページでは、全機能、エディションの違い、対応フレームワークをまとめています。
コア機能
| 機能 | 説明 |
|---|
| Canvas 描画 | HTML5 Canvas によるハイパフォーマンスなセル描画 |
| セルデータ | 値の読み書き、一括読み込み、表示テキスト取得 |
| セルスタイル | フォント（ファミリー・サイズ・太字・斜体・下線）、テキスト色、背景色、水平/垂直配置、テキスト折り返し |
| 数値フォーマット | Excel 互換のフォーマットコード（#,##0、¥#,##0、0.00% など） |
| 罫線 | セル・範囲の罫線（上下左右、スタイル・色・幅） |
| セル結合 | 複数セルの結合・解除 |
| 行・列操作 | サイズ変更、挿入・削除、表示・非表示、自動フィット |
数式エンジン
| 機能 | 説明 |
|---|
| AST パーサー | Excel 互換の数式構文を解析 |
| 依存関係グラフ | セル参照の自動追跡と再計算 |
| 組み込み関数 | SUM, AVERAGE, IF, VLOOKUP など 32 種類 |
| セル参照 | A1 形式（相対・絶対）、範囲参照 |
高度な機能
| 機能 | 説明 |
|---|
| フリーズペイン | 行・列の固定表示（ヘッダー行のスクロール固定など） |
| ソート | 列の昇順・降順ソート |
| オートフィルター | ヘッダードロップダウンによるデータ絞り込み |
| グループ化 | 行・列のアウトライン（折りたたみ・展開） |
| セルタイプ | チェックボックス、ドロップダウン、ボタン、プログレスバー、レーティング、スパークライン、ハイパーリンク |
| セル保護 | シート保護とセル単位のロック |
データ入出力
| 機能 | 説明 |
|---|
| XLSX インポート | URL、File オブジェクト、ArrayBuffer から xlsx を読み込み |
| XLSX エクスポート | ワークシートを xlsx ファイルとしてダウンロード |
| クリップボード | コピー・カット・ペースト（TSV / HTML 形式対応） |
| 印刷 | HTML テーブルに変換してブラウザ印刷 |
UI 機能
| 機能 | 説明 |
|---|
| セルエディタ | ダブルクリック / F2 によるインラインテキスト編集 |
| Undo / Redo | 操作の取り消し・やり直し（最大 30 ステップ） |
| キーボードショートカット | Ctrl+Z/Y, Ctrl+C/V/X, Tab, Enter など |
| コンテキストメニュー | 右クリックメニューイベント |
| グリッドライン | 表示・非表示切替 |
| 交互行カラー | 偶数・奇数行の背景色設定 |
| アニメーション | セル値変更時のスムーズなアニメーション |
エディション比較
| Lite (無料) | Pro (有料) |
|---|
| 行数 | 最大 100 行 | 無制限 |
| 列数 | 最大 26 列 (A〜Z) | 無制限 |
| 数式 | 算術演算のみ | 全 32 関数 |
| セルスタイル | ✓ | ✓ |
| 数値フォーマット | ✓ | ✓ |
| 罫線 | ✓ | ✓ |
| セル結合 | ✓ | ✓ |
| フリーズペイン | — | ✓ |
| XLSX インポート | ✓ | ✓ |
| XLSX エクスポート | — | ✓ |
| セルタイプ | — | ✓ |
| 行・列の挿入/削除 | — | ✓ |
| 行・列の表示/非表示 | — | ✓ |
| ソート・フィルター | — | ✓ |
| グループ化 | — | ✓ |
| 画像 | — | ✓ |
| 印刷 | — | ✓ |
フレームワーク対応
| フレームワーク | パッケージ | コンポーネント |
|---|
| React ≥17 | @reogrid/lite/react or @reogrid/pro/react | <Reogrid> (forwardRef) |
| Vue ≥3 | @reogrid/lite/vue or @reogrid/pro/vue | <Reogrid> (Composition API) |
| Vanilla JS/TS | @reogrid/lite or @reogrid/pro | createReogrid() |
