jspreadsheet/ce

これは何？

主な機能

• 01Excelのような編集機能と、標準的なコピー＆ペーストのショートカット
• 02テキスト、マスク付き数値、ドロップダウン、カレンダー、チェックボックス、色、画像に対応した型付き列
• 03数式とフッター数式への対応
• 04列のドラッグとサイズ変更、入れ子のヘッダー
• 051つのスプレッドシート内で複数のワークシートを利用
• 06ReactとVue専用のラッパー

ユースケース

• ERPや在庫管理画面で編集可能なデータグリッドを提供
• 教育システムで成績や生徒情報を入力するテーブルを提供
• カスタムバリデーションを使った研究室や研究用データの収集
• 既存のWebアプリケーションにスプレッドシート風の編集機能を追加

クイックスタート

1. 1

   npm からパッケージをインストールします

   npm install jspreadsheet-ce
2. 2

   Jspreadsheet と Jsuites のスクリプトおよびスタイルシートを HTML ファイルに追加するか、README に記載されている CDN リンクを使用します

3. 3

   id を指定した div コンテナを作成し、JavaScript で jspreadsheet() を使ってグリッドを初期化します

4. 4

   HTML ファイルを配信し、ブラウザーで開いてグリッドを確認します

使う前に知っておきたいこと

• !バージョン 5 では v4 からアーキテクチャが変更されているため、アップグレードガイドに従ってコードを変更する必要があります。
• !一部のエンタープライズ機能などの高度な機能は、有料版の Jspreadsheet Pro でのみ利用できます。

トピック

よくある質問

ce とは？

Jspreadsheet CEは、Excelのような編集機能、数式、列タイプを備えた軽量なJavaScriptデータグリッドコンポーネントです。 Jspreadsheet CEは、HTMLコンテナをスプレッドシート風のインタラクティブなデータグリッドに変えるJavaScriptコンポーネントです。グリッドを一から作らずに、ブラウザー上でユーザーに表形式データを表示・入力・編集してもらいたい開発者を対象としています。

ce は無料で使えますか？ライセンスは？

ce は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

ce は今もメンテナンスされていますか？

活発にメンテナンス中。ce の最終コミットは 2026年10月14日 です。

ce は何に使えますか？

ERPや在庫管理画面で編集可能なデータグリッドを提供 教育システムで成績や生徒情報を入力するテーブルを提供 カスタムバリデーションを使った研究室や研究用データの収集 既存のWebアプリケーションにスプレッドシート風の編集機能を追加

ce のインストール方法は？

npm からパッケージをインストールします: npm install jspreadsheet-ce Jspreadsheet と Jsuites のスクリプトおよびスタイルシートを HTML ファイルに追加するか、README に記載されている CDN リンクを使用します id を指定した div コンテナを作成し、JavaScript で jspreadsheet() を使ってグリッドを初期化します HTML ファイルを配信し、ブラウザーで開いてグリッドを確認します

ce はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/jspreadsheet/ce