ライブデモ

数量と単価を編集可能な請求書 — 数式で合計を自動計算。React、Vue、Vanilla版をStackBlitzで公開中。

数量と単価を編集 — SUM数式で合計を自動計算。ブラウザで動く本物のスプレッドシート数式。

月間の勤怠管理。週末・祝日の色分けとサマリー列付き。

四半期の収支トラッカー。カテゴリセクション、色分け合計、利益サマリー付き。

和暦日付（令和・平成・昭和）とブラケットカラー書式（[赤]/[Red]）。損益計算書サンプルで赤字▲表示をデモ。

通貨、パーセント、日付、カスタムパターン — 対応するすべてのフォーマットコードのリファレンス。

プログレスバー、星評価、スパークライン、チェックボックス、ハイパーリンク — すべてセル内に描画。

列ヘッダーのドロップダウンでフィルターとソート。300、1K、10K行を切り替えてパフォーマンスを確認。

フォント、色、背景、テキスト配置、罫線 — Cell Style API のショーケース。

固定行・固定列をインタラクティブに切り替え。50行のデータをスクロールしてもヘッダーは固定表示。

タイトル、グループヘッダー、サイドラベル、複雑な多層テーブルレイアウトのためのセル結合。

在庫レベルの信号パターン、売上vs目標の数式ルール、ステータスのテキストマッチ色分け — 値を編集するとリアルタイムで更新。

イベント申込フォーム。必須フィールドに青いヒント、バリデーション後に赤いエラーメッセージを表示。入力・検証・エラー巡回をインタラクティブに体験。

3階層の行アウトライン（地域 → 国 → 拠点）× 1階層の列アウトライン（四半期）。全ての小計が実数式（SUM）— 任意のセルを編集すると4階層の合計が連動更新。

Four sheets in one workbook with a built-in tab bar. The Summary sheet consolidates three branch sheets entirely with cross-sheet formulas (='Tokyo'!E6) — edit any branch and the totals recalculate across sheets.

Live, API-driven pivot tables — pick row/column fields and an aggregation (sum, average, count, min, max) computed from a source range and rendered into the grid. Edit any source value and the pivot recomputes.

Excel "Format as Table" — built-in banded styles applied as a live overlay via range.formatAsTable(). Switch styles instantly, toggle banded rows, and insert a row to watch the banding re-flow. Round-trips as a real xlsx table.

Excel-style input rules (入力規則): list dropdowns, whole/decimal/date/time and text-length bounds, and custom formulas — with stop / warning / information alerts. Pro-authored rules also enforce in Lite and round-trip through xlsx.

Template-driven detail repetition (テンプレート明細繰り返し): design an invoice once with {{token}} cells, then bindReport(data) materializes header / detail(×N) / footer in place with per-row formula shift, footer aggregates, and page breaks.

Classic Excel comments / memos (メモ) — one per cell, shown with a red corner marker and a hover bubble. Select a cell to add, edit, or remove its comment. xlsx read, JSON round-trip.

Dependency-free PDF export with a page-break preview: setShowPageBreaks(true) shows the printable pages on screen, and saveAsPdf({ locale: 'ja', usePageBreaks: true }) paginates the PDF exactly like the preview — with a page header/footer using Excel format codes (&P / &N / &D).

Ctrl+F / Ctrl+H の組み込み検索バー。大文字小文字の区別、セル内容の完全一致、正規表現に対応し、全置換は 1 手で元に戻せます。

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

請求書にロゴと承認印を配置し、ドラッグで移動、グリップでリサイズ。xlsx を実体ごと往復するため、保存しても画像が消えません。

Ctrl+クリック（macOS は Cmd）で選択を置き換えずに範囲を追加。削除・書式設定・コピーがすべての範囲にまとめて効きます。

セルの文字を -90〜90 度で傾けて狭い列に斜めのヘッダーを付け、日本語の縦書きにも対応。自動調整は回転後の外形を測ります。

保護シートを入力フォームに。レイアウト固定、1 クリック編集、プレースホルダー、Enter/Tab による入力欄の移動に対応します。

setZoom() や Ctrl/Cmd+ホイール、ピンチでシートを 10%〜400% に拡大縮小。変わるのは表示だけで、列幅・印刷・エクスポートは 100% のまま。倍率はシートごとに保持されます。

クリックで新しいタブに開き、長押しで選択。setHyperlink() と =HYPERLINK() のリンク、ホバー時の宛先表示、onHyperlinkClick による横取りを紹介します。

スクロールバーは100万行を表しながら、フェッチされるのは可視行のみ。どこへジャンプしても、グリッドが保持するのは数百行だけ。

10,000行を瞬時にロードし、任意の列でソート。ソート時間をリアルタイム表示 — 通常1秒未満。

数式の計算結果がスムーズにアニメーション。数値やプログレスバーが滑らかに変化する様子を体験。

Load an .xlsx and convert it to JSON in the browser — clean data rows for apps & AI, or the lossless ReoGrid JSON workbook. Toggle, copy, download.