ReoGrid ReoGrid Web

機能一覧

ReoGrid Web は Canvas ベースの高性能スプレッドシートライブラリです。このページでは、全機能、エディションの違い、対応フレームワークをまとめています。

Live Demo

コア機能

機能説明
Canvas 描画HTML5 Canvas によるハイパフォーマンスなセル描画
セルデータ値の読み書き、一括読み込み、表示テキスト取得
セルスタイルフォント（ファミリー・サイズ・太字・斜体・下線）、テキスト色、背景色、水平/垂直配置、テキスト折り返し
数値フォーマットExcel 互換のフォーマットコード（#,##0、¥#,##0、0.00% など）
罫線セル・範囲の罫線（上下左右、スタイル・色・幅）
セル結合複数セルの結合・解除
行・列操作サイズ変更、挿入・削除、表示・非表示、自動フィット
文字回転・縦書きセルの文字を -90〜90 度で傾け、日本語の縦書きにも対応。自動調整は回転後の外形を測ります

数式エンジン

機能説明
AST パーサーExcel 互換の数式構文を解析
依存関係グラフセル参照の自動追跡と再計算
組み込み関数数学・統計・三角関数・論理・文字列・日付/時刻・検索・情報・条件付き集計・乱数の 10 カテゴリで 109 関数
検索・参照関数VLOOKUP、HLOOKUP、XLOOKUP、INDEX、MATCH、XMATCH、ADDRESS、ROW、COLUMN、ROWS、COLUMNS
条件付き集計SUMIF、COUNTIF、AVERAGEIF と複数条件版の *IFS
セル参照A1 形式（相対・絶対）、範囲参照
スマート数式エディター数式編集中にセルをクリックして参照を挿入。参照ごとに色分けされ、グリッド上にも同色の枠線が表示されます

高度な機能

機能説明
オートフィル（フィルハンドル）選択範囲右下の四角をドラッグして、値を下・上・左・右に拡張。コピー・等差延長・日付加算・数式の相対参照シフトを自動判定
フリーズペイン行・列の固定表示（ヘッダー行のスクロール固定など）
ソート列の昇順・降順ソート
オートフィルターヘッダードロップダウンによるデータ絞り込み
グループ化行・列のアウトライン（折りたたみ・展開）
セルタイプチェックボックス、ドロップダウン、ボタン、プログレスバー、レーティング、スパークライン、ハイパーリンク
条件付き書式値・数式・テキストマッチによるルールと、サイドごとの罫線オーバーライド
セル保護シート保護とセル単位のロック
検索と置換組み込みバーによる Ctrl+F / Ctrl+H — 大文字小文字の区別、セル内容の完全一致、正規表現、シート／選択範囲／ブック全体の範囲指定。全置換は 1 手で元に戻せます
範囲・行・列の移動選択範囲の枠をドラッグしてブロックを移動、選択済みの行・列ヘッダーをドラッグして並べ替え。キャンセル可能な before イベントと 1 手の undo に対応
複数範囲の選択Ctrl/Cmd+クリックで選択を置き換えずに範囲を追加。セルでもヘッダーでも同様で、削除・書式設定・自動調整・コピーがすべての範囲に効きます
画像フローティング画像の挿入・ドラッグ移動・リサイズ。Excel と同じ 3 種類のセルアンカーと、xl/media の実体を伴う xlsx 往復に対応
ハイパーリンクxlsx のリンクをクリックで新しいタブに開く（http/https/mailto/tel のみ）。=HYPERLINK()、setHyperlink によるリンクの作成、xlsx・JSON の往復に対応

データ入出力

機能説明
XLSX インポートURL、File オブジェクト、ArrayBuffer から xlsx を読み込み（大容量ファイル向けのチャンク非同期ロードにも対応）
XLSX エクスポートワークシートを xlsx ファイルとしてダウンロード
ReoGrid JSON無損失のネイティブシリアライゼーション（writeReoGridJson / readReoGridJson / parseReoGridJson）— セル・スタイル・数値書式・リッチテキスト・結合・罫線・サイズ／表示状態・固定・条件付き書式・アウトライン・フィルター・セルタイプ・保護・交互行を保持
クリップボードコピー・カット・ペースト（TSV / HTML 形式対応）
印刷HTML テーブルに変換してブラウザ印刷
PDF エクスポート自社エンジンによるブラウザ内ベクター PDF 生成。改ページプレビューと同一のページ割りで出力（exportPdf() / saveAsPdf()）。1 シートでもブック全体でも 1 つの文書に（sheets: 'all'）
PDF フォントのロケール指定locale（ja / zh-CN / zh-TW / ko）を指定するだけで対応する CJK フォントを埋め込み。registerPdfFont で独自フォントも追加可能
ページヘッダー・フッターExcel の書式コード（&P / &N / &D）で用紙余白にページ番号・日付・シート名・ファイル名を印刷。奇数/偶数・先頭ページ別の帯、xlsx 往復に対応
N ページに収めるExcel の「N ページに収める」。横／縦を何ページに収めるかを指定すると印刷倍率が導出され、プレビュー・PDF・印刷が一致します

UI 機能

機能説明
セルエディタダブルクリック・F2・Enter キーによるインラインテキスト編集（Mac でも Enter で編集開始）
スマート数式エディターExcel 風の色分け参照編集 — クリックで参照挿入、ドラッグで範囲拡張
Undo / Redo操作の取り消し・やり直し（デフォルト30ステップ、undoCapacity で変更可）
キーボードショートカットCtrl+Z/Y, Ctrl+C/V/X, Tab, Enter など
コンテキストメニュー右クリックメニューイベント
グリッドライン表示・非表示切替
交互行カラー偶数・奇数行の背景色設定
フォームモードレイアウト固定・1 クリック編集・プレースホルダー・Enter/Tab による入力欄の移動 — 保護シートをキーボードだけで埋められます
ヘッダーフォント行番号・列名を描画するフォントファミリーとサイズを指定できます
表示倍率Ctrl/Cmd + ホイール・トラックパッドのピンチ・setZoom() でシートごとに 10%〜400%。拡大・縮小は表示だけで、印刷と出力は 100% のまま
アニメーションセル値変更時のスムーズなアニメーション

エディション比較

Lite (無料)Pro (有料)
行数最大 100 行無制限
列数最大 26 列 (A〜Z)無制限
数式算術演算のみ全 109 関数
セルスタイル✓✓
数値フォーマット✓✓
罫線✓✓
セル結合✓✓
オートフィル✓✓
検索と置換✓✓
範囲・行・列の移動✓✓
複数範囲の選択✓✓
文字回転・縦書き✓✓
フォームモード✓✓
ヘッダーフォント✓✓
表示倍率✓✓
ハイパーリンク読み込み・クリックのみ✓
スマート数式エディター✓✓
フリーズペイン—✓
XLSX インポート✓✓
XLSX エクスポート—✓
ReoGrid JSON 入出力✓✓
セルタイプ—✓
行・列の挿入/削除—✓
行・列の表示/非表示—✓
ソート・フィルター—✓
グループ化—✓
条件付き書式—✓
セルツールチップ—✓
画像読み書きのみ（表示・編集は不可）✓
印刷—✓
PDF エクスポート—✓
PDF フォントのロケール指定—✓
ページヘッダー・フッター—✓
N ページに収める—✓
アニメーション—✓

フレームワーク対応

フレームワークパッケージコンポーネント
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/procreateReogrid()
このページは役に立ちましたか？
ニュースレター

開発の最新情報をお届けします

新しいリリース・機能追加・お知らせをいち早く受け取るには、
メーリングリストにご登録ください。