高機能ExcelライクWebスプレッドシートライブラリ
数式エンジン・Excel I/O・PDF出力・Canvas描画・React/Vueラッパーをすべて単一パッケージに内蔵（約150KB、min+gzip）。依存ライブラリゼロ。.NET版10年以上の実績から生まれた完全日本製ライブラリ。
本格的な機能がすぐに使える
基本的なグリッドから高度なデータアプリケーションまで、プロダクション品質のスプレッドシートUIに必要なすべてが揃っています。
遅延ロード — 1,000,000 行
Pro画面に映る行だけを取得して100万行を表示。
組み込み関数 109 種
ProVLOOKUP・SUMIFS・XLOOKUP など Excel 互換 109 関数。
XLSX インポート
Lite実際の .xlsx をブラウザで表示 — 書式・結合・数式を保持。
セルタイプ
Proチェックボックス・ドロップダウン・進捗バーをセル内に。
条件付き書式
Pro値・数式・テキストのルールでセルをリアルタイム装飾。
マルチシートワークブック
Liteタブバー標準装備のマルチシート＋クロスシート数式。
ピボットテーブル
Pro 1.4.0 新機能ソース範囲から計算するライブピボット — 1.4 の新機能。
テーブルスタイル
Pro 1.4.0 新機能Excel「テーブルとして書式設定」の縞模様が挿入・削除で自動再配置。
ライブデモ
ブラウザでそのまま試せます。カードをクリックして開きましょう。
記事
Web でスプレッドシートを作るためのガイド — パフォーマンス、数式、xlsx 入出力。
JavaScriptスプレッドシートの VLOOKUP・XLOOKUP・SUMIFS ― 単価も集計も自動で追随する受注明細表
商品コードから単価を引き、区分ごとに集計する受注明細表をブラウザで組み立てる。VLOOKUP と XLOOKUP の違い、マスタに無いコードの扱い（if_not_found・IFNA・IFERROR）、SUMIF / SUMIFS / COUNTIFS の criteria 記法と引数順の落とし穴、そして ReoGrid Web に「無い」2つの参照関数まで。
「令和元年」と「▲1,234」を正しく出す ― Excel書式コードで作る和暦・会計表示
官公庁・金融の帳票は「令和1年」では通りません。求められるのは「令和元年」です。ReoGrid Web で Excel の表示形式（書式コード）をどう使うか ― 元号トークン g/gg/ggg と e/ee、[$-ja-JP-x-gannen] ロケールタグ、和名・英名のカラーブラケット、条件付きセクション、そして経理が期待する ▲ 表記まで。
ブラウザだけで請求書PDFを生成する ― テンプレート1枚に、データを流し込む
PDF帳票のパイプラインを丸ごとブラウザの中で完結させる方法。{{token}} セルで帳票を一度設計し、プレーンなデータオブジェクトをバインドして明細行を件数ぶん展開、saveAsPdf でベクターPDFとして出力。改ページ、ページヘッダー・フッター、行ごとの数式、そして1枚のテンプレートから100通を作るバッチ処理まで。
数分ではじめられます
無料の Lite 版。Pro / Enterprise は高度な機能とライセンスキーを提供。
import { Reogrid } from '@reogrid/lite/react';
export default function App() {
return (
<Reogrid
style={{ width: '100%', height: '400px' }}
/>
);
}<script setup>
import { Reogrid } from '@reogrid/lite/vue';
</script>
<template>
<Reogrid style="width: 100%; height: 400px" />
</template>import { createReogrid } from '@reogrid/lite';
const { worksheet } = createReogrid('#grid');
worksheet.cell('A1').setValue('Hello, ReoGrid');import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import { createReogrid } from '@reogrid/lite';
@Component({
selector: 'app-grid',
standalone: true,
template: `<div #host style="width: 100%; height: 400px"></div>`,
})
export class GridComponent implements AfterViewInit {
@ViewChild('host', { static: true }) host!: ElementRef<HTMLDivElement>;
ngAfterViewInit() {
createReogrid(this.host.nativeElement);
}
}Lite・Pro・Enterprise
無料ではじめて、必要に応じてアップグレード。
- 100行x26列までの制限
- 無制限ドメイン
- スプレッドシート基本機能
- 基本的な数式演算
- Excelインポートのみ
- 結合セル・罫線・表示形式
- コミュニティサポート
税込（税抜 ¥100,000）・買い切り — 1年間のアップデート＆サポート込み。以降は更新サブスク ¥33,000/年（税込）で継続（任意）。
- 3ドメインまで
- フル機能
- 数式エンジン（109関数）
- Excelインポート & エクスポート
- セルタイプフル機能
- オンラインライセンスキー認証
- 1年間のアップデート＆技術サポート
税込（税抜 ¥200,000）・買い切り — 1年間のアップデート＆サポート込み。以降は更新サブスク ¥55,000/年（税込）で継続（任意）。
- 30ドメインまで
- ドメイン無制限オプションあり
- フル機能
- 数式エンジン（109関数）
- Excelインポート & エクスポート
- セルタイプフル機能
- オフラインライセンスファイル認証
- 1年間のアップデート＆技術サポート
有料プランはすべて 30 日間の無料トライアルをご利用いただけます。ライセンスキーは即時発行、クレジットカード不要です。 無料トライアルを開始 →
.NET 向けスプレッドシートコンポーネントをお探しですか？
ReoGrid は WinForms / WPF 向けの強力な .NET コンポーネントとしても提供しています。