ReoGrid ReoGrid Web

機能一覧

ReoGrid Web 1.6.0 の全機能 — 描画・数式・データ操作・入出力・UI の 56 機能を、実際のスクリーンショット付きで紹介します。

コア機能

基盤となる機能 — 高性能な描画、セルデータ、スタイル、ワークブック構造。

Canvas 描画
LITE

Canvas 描画

HTML5 Canvas によるハイパフォーマンスなセル描画。DOM の肥大化がなく、10,000 行を 60fps で表示します。

createReogrid({ workspace: '#grid' })
マルチシートワークブック
LITE

マルチシートワークブック

1 つのグリッドが複数ワークシートのワークブックに。標準のシートタブバーで追加・名前変更・並べ替え・非表示・タブ色設定が可能。各シートが独自のデータ・選択・固定・Undo 履歴を保持します。

instance.workbook.addSheet('Sheet2')
セルデータ
LITE

セルデータ

シンプルな API で値の読み書き、データの一括読み込み、表示テキストの取得が行えます。

worksheet.loadCells(data)
セルスタイル
LITE

セルスタイル

フォント(ファミリー・サイズ・太字・斜体・下線)、文字色・背景色、水平/垂直配置、テキスト折り返しに対応。

worksheet.setRangeStyle(range, style)
数値フォーマット
LITE

数値フォーマット

Excel 互換のフォーマットコード — 桁区切り、通貨、パーセント、日付/時刻(#,##0¥#,##00.00% など)。

worksheet.setCellNumberFormat(r, c, '#,##0')
和暦・色書式
LITE

和暦・色書式

令和・平成・昭和の和暦表示と [Red]/[赤] のカラーブラケット書式に対応。日本のビジネス帳票に最適です。

罫線
LITE

罫線

セル・範囲の罫線を上下左右ごとに設定。スタイル・色・太さを制御できます。

worksheet.setRangeBorders(range, borders)
セル結合
LITE

セル結合

複数セルの結合・解除。タイトル行、グループヘッダー、複雑な多段レイアウトに。

worksheet.mergeCells(range)
行・列のサイズ変更
LITE

行・列のサイズ変更

ヘッダーのドラッグまたは API で行高・列幅を変更。内容に合わせた自動フィットにも対応。

worksheet.setColumnWidth(col, 120)

その他の機能

文字回転・縦書き LITE

セルの文字を Excel と同じ -90〜90 度で傾け、狭い列に斜めのヘッダーを付けられます。日本語の縦書きにも対応。自動調整は回転後の外形を測り、画面・xlsx・ブラウザ印刷・PDF のすべてが同じ配置になります。

行・列の挿入・削除・非表示 PRO

行・列の挿入・削除と表示・非表示の切り替え。数式の参照は自動的にシフトします。

数式エンジン

自動再計算とクロスシート参照に対応した Excel 互換の数式エンジン。

数式エンジン
LITE

数式エンジン

Excel 互換の AST パーサーと依存関係グラフ — 参照先セルは自動再計算されます。A1 形式の相対・絶対参照、範囲参照に対応。

worksheet.setCellInput(r, c, '=A1+B1*2')
組み込み関数 109 種
PRO

組み込み関数 109 種

数学・統計・三角関数・論理・文字列・日付/時刻・検索・情報・条件付き集計・乱数の 10 カテゴリで 109 関数。

=SUM(A1:A10)
クロスシート数式
LITE

クロスシート数式

他シートのセルを参照 — =Sheet1!A1=SUM(明細!A1:A3)=VLOOKUP(A1,Master!A1:C10,2)。シート名変更で数式が書き換わり、編集は全シートへ伝播します。

=SUM('My Sheet'!A1:B2)
検索・参照関数
PRO

検索・参照関数

VLOOKUPHLOOKUPXLOOKUPINDEXMATCHXMATCHADDRESSROWCOLUMNROWSCOLUMNS

=VLOOKUP(A2, D2:F10, 2)
条件付き集計
PRO

条件付き集計

SUMIFCOUNTIFAVERAGEIF と複数条件版の *IFSSUMIFSCOUNTIFSMAXIFSMINIFS)。

=SUMIFS(C2:C20, A2:A20, "East")

その他の機能

スマート数式エディター LITE

数式編集中にセルをクリックして参照を挿入。参照ごとに色分けされ、グリッド上にも同色の枠線を表示。範囲はドラッグで移動・リサイズできます。

名前付き範囲 PRO

セルや範囲にワークブック/シートスコープの名前を定義 — =SUM(売上)=単価*数量。名前変更・削除・構造シフトはリテラル参照と同様に更新/#REF! になります。xlsx・JSON を往復し、読み込みは Lite でも動作します。

高度な機能

データアプリケーション向けの機能 — フィルター、ソート、グループ化、リッチなセルタイプ、100万行データセット。

オートフィル(フィルハンドル)
LITE

オートフィル(フィルハンドル)

選択範囲右下の四角をドラッグして値を上下左右へ拡張。コピー・等差数列・日付加算・数式の相対参照シフトを自動判定します。

フリーズペイン
PRO

フリーズペイン

行・列を固定表示し、大きなデータセットをスクロールしてもヘッダーが常に見えるようにします。

worksheet.setFrozenRows(1)
ソート
PRO

ソート

列の昇順・降順ソート。API からカスタム比較関数も指定できます。

worksheet.sortColumn(2, 'asc')
オートフィルター
PRO

オートフィルター

Excel 風のヘッダードロップダウンで値によるデータ絞り込み。ソートと組み合わせ可能で、1 万行超でも軽快に動作します。

worksheet.createAutoFilter(range)
グループ化(アウトライン)
PRO

グループ化(アウトライン)

行・列のアウトライン化。折りたたみ・展開ボタンと多階層のネストに対応します。

worksheet.groupRows(2, 5)
セルタイプ
PRO

セルタイプ

チェックボックス、ドロップダウン、ボタン、プログレスバー、レーティング、スパークライン、ハイパーリンク — セル内で動くインタラクティブな部品。

worksheet.setCellType(r, c, { type: 'progress' })
条件付き書式
PRO

条件付き書式

値・数式・テキストマッチによるルールで該当セルをリアルタイムに装飾。サイドごとの罫線オーバーライドにも対応。

worksheet.addConditionalFormat(rule)
遅延ロード — 1,000,000 行
PRO

遅延ロード — 1,000,000 行

setDataSource() が可視行のみをオンデマンドでフェッチ — メモリは数百行のまま 100 万行のデータセットを表示できます。

worksheet.setDataSource({ rowCount: 1_000_000, load })
ピボットテーブル
PRO 1.4.0 新機能

ピボットテーブル

API 駆動のライブピボットテーブル — 行・列・値・集計(合計・個数・平均・最小・最大)をソース範囲から計算してグリッドに描画。ソース編集で自動再計算します。

worksheet.createPivot({ source, anchor, rows, values })
テーブルスタイル
PRO 1.4.0 新機能

テーブルスタイル

Excel の「テーブルとして書式設定」 — 組み込みの縞模様スタイルをライブオーバーレイで描画し、行・列の挿入/削除で自動的に再配置。実際の xl/tables/*.xml を往復します。

worksheet.addTable(range, { style: 'TableStyleMedium2' })
データの入力規則
PRO 1.4.0 新機能

データの入力規則

Excel スタイルの入力規則:リストのドロップダウン、整数・小数・日付・時刻・文字列長の範囲、カスタム数式 — 停止/注意/情報アラート付き。Pro で作成したルールは Lite でも機能します。

range.setValidation({ type: 'list', options: [...] })
レポートバインディング
PRO 1.4.0 新機能

レポートバインディング

テンプレート駆動の明細繰り返し:ヘッダー/明細(×N)/フッターの各セクションを、バインドしたデータからその場に展開。{{token}} 補間、行ごとの数式シフト、フッター集計、帳票主導の改ページに対応します。

worksheet.defineReportTemplate(spec); worksheet.bindReport(data)
セルコメント
PRO 1.4.0 新機能

セルコメント

クラシックな Excel コメント/メモ — セルごとに 1 件、赤い角マーカーとホバーの吹き出しで表示。xlsx 読み込み、JSON 往復に対応します。

worksheet.setComment(r, c, 'Check this value')

その他の機能

検索と置換 LITE

Excel スタイルの Ctrl+F / Ctrl+H と組み込み検索バー。大文字小文字の区別、セル内容の完全一致、正規表現、シート/選択範囲/ブック全体の範囲指定に対応。一致はすべてハイライトされ、全置換は 1 手で元に戻せます。

範囲・行・列の移動 LITE

選択範囲の枠をドラッグしてセルブロックを移動、選択済みの行・列ヘッダーをドラッグして行・列ごと並べ替え。キャンセル可能な before イベント、結合セルを壊さない拒否判定、1 手の undo に対応します。

複数範囲の選択 LITE

Ctrl+クリック(macOS は Cmd)で、選択を置き換えずに範囲を追加します。セルでも行・列ヘッダーでも同じように動作し、削除・書式設定・自動調整・コピーはすべての範囲にまとめて効きます。

セル保護 LITE

シート保護とセル単位のロック。入力セルだけ編集可能にし、テンプレートを保護できます。

画像 PRO

フローティング画像の挿入・ドラッグ移動・リサイズに対応 — 請求書のロゴ、帳票の印影、カタログの商品写真に。Excel と同じ 3 種類のセルアンカー、ドラッグ 1 回につき Ctrl+Z 1 回、そして xl/media + xl/drawings の実体を伴う往復で、保存しても画像が消えません。

データ入出力

データの入出力 — Excel ファイル、無損失 JSON、クリップボード、印刷。

XLSX インポート
LITE

XLSX インポート

URL・File オブジェクト・ArrayBuffer から Excel ファイルを読み込み — 全シート・スタイル・結合・罫線・数式に対応。大容量ファイル向けのチャンク非同期ロードも。

instance.loadFromUrl('/data/report.xlsx')
ページレイアウト・印刷
PRO 1.4.0 新機能

ページレイアウト・印刷

Excel スタイルの改ページプレビュー(ドラッグ可能な改ページ)、印刷設定モデル(用紙サイズ・向き・余白・倍率・ページ順)、手動改ページ、印刷範囲に対応。xlsx の pageSetup と JSON を往復します。

worksheet.setPrintSettings({ paperSize: 'A4' })

その他の機能

XLSX エクスポート PRO

ワークブック全体を .xlsx ファイルとして保存 — マルチシート・スタイル・数式・罫線・条件付き書式が Excel と相互運用できます。

ReoGrid JSON LITE

無損失のネイティブシリアライゼーション — セル・スタイル・数値書式・結合・罫線・固定・条件付き書式・アウトライン・フィルター・セルタイプ・保護を保持します。

クリップボード LITE

OS クリップボードでのコピー・カット・ペースト(TSV / HTML 形式)。Excel や Google スプレッドシートと相互運用できます。

ページヘッダー・フッター PRO

Excel と同じ書式コード(&P / &N / &D)で、用紙の余白にページ番号・日付・シート名・ファイル名を印刷。奇数/偶数ページ、先頭ページ別の帯にも対応します。PDF エクスポートとページ分割印刷 HTML の両方で描画し、xlsx を往復します。

N ページに収める PRO

Excel の「N ページに収める」。縮小率を手で決める代わりに、横/縦を何ページに収めるかを指定すると印刷倍率が自動で求まります。Excel と同じく縮小のみで、改ページプレビュー・PDF エクスポート・ブラウザ印刷のすべてが同じ倍率になります。

PDF エクスポート PRO

自社のオリジナルエンジンによる PDF 生成 — 画面上の改ページプレビューと同一のページ割りで、背景・罫線・画像・リッチテキストを描画。instance.exportPdf() / saveAsPdf()

PDF フォントのロケール指定 PRO

locale を指定するだけで、PDF エクスポートが対応する CJK フォントを埋め込みます。ja / zh-CN / zh-TW / ko は標準登録済みで、registerPdfFont で URL・ローダー・バイト列から独自のフォントも追加できます。日本語フォントは簡体字中国語のビジネス頻出語の約 3 分の 1 しかカバーしないため、これが中国語出力の豆腐(□□□)を防ぎます。

ブラウザ印刷 PRO

ワークシートをスタイル付き HTML テーブルに変換してブラウザ印刷。結合や罫線も保持されます。ページ割り出力は PDF エクスポート/ページレイアウトをご覧ください。

UI 機能

洗練された編集 UX を標準装備 — インラインエディタ、Undo/Redo、ショートカット、アニメーション。

交互行カラー
LITE

交互行カラー

偶数・奇数行の背景色を自動で塗り分け。セルごとのスタイル設定なしで読みやすい表に。

その他の機能

フォームモード LITE

保護シートをキーボードだけで埋められる入力フォームに変えます。レイアウトを固定し、1 回のクリックで編集を開始、空セルにヒント文字を描き、Enter / Tab で次の入力欄へ移動 — 入力規則のリスト選択もキーボードで完結します。

ヘッダーフォント LITE

行番号・列名(「A B C」「1 2 3」)のフォントファミリーとサイズを指定できます。12px sans-serif 固定ではなくなり、本文フォントとヘッダーを揃えられます。ヘッダー帯はフォントに合わせて広がります。

セルエディタ LITE

ダブルクリック・F2・Enter で始まるインライン WYSIWYG 編集。エディタはセルのフォント・行高・配置をそのまま反映します。

Undo / Redo LITE

アクションベースの取り消し・やり直し(既定 30 ステップ、undoCapacity で変更可能)。シートごとに独立した履歴を持ちます。

キーボードショートカット LITE

Ctrl+Z/Y、Ctrl+C/V/X、Tab、Enter、矢印キーによるナビゲーションなど。

コンテキストメニュー LITE

右クリックイベント API。アプリケーションに合わせたカスタムコンテキストメニューを構築できます。

グリッドライン・外観 LITE

シートごとにグリッドラインの表示・非表示を切り替え。請求書のような帳票レイアウトに便利です。

セルツールチップ PRO

ホバー時のコンテキストツールチップ。入力チェックのメッセージやインラインヘルプに最適です。

アニメーション PRO

セル値変更時のスムーズなアニメーション。時間とイージングを設定できます。

エディション比較

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

フレームワーク対応

フレームワークパッケージコンポーネント
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()

Pro の全機能を30日間無料で試す

有料プランはすべて 30 日間の無料トライアルをご利用いただけます。ライセンスキーは即時発行、クレジットカード不要です。

ニュースレター

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

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