React、Vue、Solid、Svelteなどに対応し、マークアップやスタイルを自由に制御できる、ヘッドレスなTypeScript/JavaScript製テーブルライブラリ。
1771-Technologies/lytenyte
ソート、フィルタリング、グループ化、ピボット、仮想化に対応した、依存関係ゼロのReactデータグリッド。ヘッドレスモードとスタイル適用済みモードを備えています。
代替できる製品:AG Grid
Handsontable
- スター
- 1,030
- フォーク
- 54
- 未解決の Issue
- 3
- 最終コミット
- 2 か月前
これは何?
LyteNyte Gridは、npmパッケージ2種類として提供されるReactデータグリッドライブラリです。無料でApache 2.0ライセンスのCoreエディションと、それを拡張する商用のPROエディションがあります。TypeScriptのモノレポとして開発されており、宣言的でpropsを中心としたAPIを採用しているため、URLパラメーターやサーバー状態など、外部の状態からグリッドの状態を制御できます。
行と列の仮想化、列のサイズ変更・固定・並べ替え、集計を伴う行グループ化、マスターディテール表示、バリデーション付きのセル編集に対応しています。Coreにはソート、フィルタリング、編集、選択、集計機能が含まれます。PROではサーバーサイドのデータ読み込み、ピボット、ツリーデータ、式に加え、列マネージャーやツリービューなどの組み込みコンポーネントが利用できます。
スタイルを適用せず完全なヘッドレステーブルとして使うことも、Tailwind、CSS Modules、CSS-in-JSに対応した組み込みテーマを使うこともできます。Excel、CSV、Parquet、Arrowへのエクスポートに加え、キーボード操作、アクセシビリティ、RTLレイアウトにも対応しています。
主な機能
- 01Tailwind、CSS Modules、CSS-in-JSによるテーマ設定に対応した、ヘッドレスまたはスタイル適用済みの描画
- 02大規模データセット向けの行・列の仮想化
- 03Coreでのソート、フィルタリング、行グループ化、集計
- 04PROでのサーバーサイドデータ読み込み、ピボット、ツリーデータ
- 05バリデーション付きのセル編集と一括編集
- 06Excel、CSV、Parquet、Arrowへのエクスポート
- 07キーボード操作、アクセシビリティ、RTLへの対応
ユースケース
- フィルタリングやソートができる大規模テーブルを表示する管理ダッシュボードや社内ツールの構築
- Reactアプリケーションに、スプレッドシートのような編集可能なビューを追加
- グリッドのロジックや動作は維持しながら、テーブルのスタイルを全面的にカスタマイズ
- PRO環境で、サーバーサイドページネーションまたは無限スクロールのデータを表示
クイックスタート
- 1
npm で Core パッケージをインストールします
npm install --save @1771technologies/lytenyte-core - 2
npm で PRO パッケージをインストールします(任意。ライセンスがない場合はウォーターマーク付きで動作します)
npm install --save @1771technologies/lytenyte-pro - 3
公式のスタートガイドに従って、アプリにグリッドを組み込みます
使う前に知っておきたいこと
- ライセンスを保有していない場合、PRO 版にはウォーターマークが表示されます。
- ライセンスは NOASSERTION と記載されているため、使用前にライセンス条件を確認してください。
- ピボットやサーバーサイド読み込みなど、多くの高度な機能は PRO 版でのみ利用できます。
トピック
よくある質問
- lytenyte とは?
- ソート、フィルタリング、グループ化、ピボット、仮想化に対応した、依存関係ゼロのReactデータグリッド。ヘッドレスモードとスタイル適用済みモードを備えています。 LyteNyte Gridは、npmパッケージ2種類として提供されるReactデータグリッドライブラリです。無料でApache 2.0ライセンスのCoreエディションと、それを拡張する商用のPROエディションがあります。TypeScriptのモノレポとして開発されており、宣言的でpropsを中心としたAPIを採用しているため、URLパラメーターやサーバー状態など、外部の状態からグリッドの状態を制御できます。
- lytenyte は無料で使えますか?ライセンスは?
- lytenyte は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- lytenyte は今もメンテナンスされていますか?
- 半年以内に更新あり。lytenyte の最終コミットは 2026年8月15日 です。
- lytenyte は何に使えますか?
- フィルタリングやソートができる大規模テーブルを表示する管理ダッシュボードや社内ツールの構築 Reactアプリケーションに、スプレッドシートのような編集可能なビューを追加 グリッドのロジックや動作は維持しながら、テーブルのスタイルを全面的にカスタマイズ PRO環境で、サーバーサイドページネーションまたは無限スクロールのデータを表示
- lytenyte のインストール方法は?
- npm で Core パッケージをインストールします: npm install --save @1771technologies/lytenyte-core npm で PRO パッケージをインストールします(任意。ライセンスがない場合はウォーターマーク付きで動作します): npm install --save @1771technologies/lytenyte-pro 公式のスタートガイドに従って、アプリにグリッドを組み込みます
- lytenyte はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/1771-Technologies/lytenyte
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
React、Angular、Vueで利用でき、スプレッドシート風の表示・編集・数式に対応したJavaScript/TypeScript向けデータグリッドコンポーネント。
デザインシステムやWebアプリの構築に使える、スタイルを持たないアクセシブルなReact UIプリミティブのオープンソースセットです。
独自のデザインシステム構築に使える、アクセシブルなUIプリミティブを備えたスタイルなしのReactコンポーネントライブラリ。
表示範囲内の行やセルだけを描画し、大規模なリストや表データを効率よく表示するReactコンポーネント群。
表示範囲内の行やセルだけをマウントし、大規模なリストや表データを効率よく描画するReactコンポーネント。