高機能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スプレッドシートでピボットテーブル ― 数行のAPIで、ライブ更新されるクロス集計を
数百行の生データを、データの変更に追随して再計算されるクロス集計表に。createPivot 一発で行・列・集計を宣言し、ハンドルの update / refresh / remove でコードから操作。地域×商品の売上を使った完全な実例と、フィルター・総計・Lite 対 Pro の境界線まで。
JavaScriptスプレッドシートに「並べ替えとフィルター」を ― Excel 風オートフィルターを、クリックでもコードでも
ブラウザのデータ表に、Excel 風の列の並べ替えとヘッダードロップダウンのフィルターを追加。createAutoFilter 一発でユーザーにドロップダウンを、getColumnValues / setColumnFilter で同じフィルターをコードから操作。表示行数のライブ表示付きの実例と、並べ替え対フィルター・Lite 対 Pro の勘どころまで。
JavaScriptスプレッドシートに「入力規則」を ― 不正なデータをセルの手前で止める
ドロップダウンリスト、数値・日付の範囲チェック、数式によるカスタム検証 ― フォームバリデーションのコードを1行も書かずに、不正な入力をタイプした瞬間に弾く。ReoGrid Web の Excel 互換データ検証を、受注入力シートの実コードで解説。入力時メッセージ・エラーアラート・xlsx ラウンドトリップまで。
数分ではじめられます
無料の 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 コンポーネントとしても提供しています。