無料のオープン ソース Web Components データ グリッド (Grid Lite)

    Ignite UI for Web Components Grid Lite は、軽量で高パフォーマンスな Web Components データ グリッドであり、無料で使用でき、オープン ソースで、最新の Web Components アプリケーション向けに構築されています。

    Grid Lite は 無料のオープン ソースの JavaScript データ グリッドで、Web コンポーネントとして構築されているため、Web フレームワークの有無に関係なく依存関係なしで使用できます。必要最小限のオーバーヘッドで本質的なデータ表示機能を提供し、ユーザーが期待するパフォーマンスを実現します。Web Components Grid Lite は、高速で軽量なデータ表示を必要とする開発者向けに設計されています。

    無料 Web Components データ グリッドで利用可能な機能

    無料のオープン ソース Web Components Grid Lite には、次の列ベースの機能が含まれています: ソート、フィルタリング、非表示、サイズ変更、およびさまざまな事前定義されたデータ タイプ。行仮想化を使用することで、非常に高速なパフォーマンスが実現されます。さらに、コンポーネントはキーボード ナビゲーションと Ignite UI のテーマ フレームワークを通じたテーマ化をサポートしています。

    インストールとセットアップ

    インストール

    Grid Lite をインストールするには、プロジェクトのルート フォルダー (package.json がある場所) に移動し、npm を使用して次のコマンドを実行します。

    npm install igniteui-grid-lite --save

    または yarn を使用する場合:

    yarn add igniteui-grid-lite

    Web Components コードでの Grid Lite の使用

    Grid Lite を使用するファイルで、コンポーネント クラスまたは関数を宣言する前にインポートして登録します。

    <div class="grid-lite-wrapper">
    <igc-grid-lite id="grid-lite"></igc-grid-lite>
</div>

    Grid Lite の動作

    Grid Lite は、アプリで美しいデータ グリッド/データ テーブル体験を提供するために必要なコア機能を備えています。パフォーマンスと美しさを重視して設計されており、どのフレームワーク、どのプラットフォームでも動作します。

    パフォーマンス内蔵

    行レベルの仮想化により、無制限のデータをスムーズなスクロールでレンダリングできます。

    自動列タイプ

    列タイプは、データ ソースに基づいて自動的に生成され、各列タイプに合わせた組み込みのフィルタリングが提供されます。

    カスタム列テンプレート

    列テンプレートを使用して、あらゆるタイプの UX を実現できます。思い描いたものを、グリッド列にそのまま描画できます。

    インタラクティブ機能

    ユーザーが期待するすべてのコアなインタラクティブ機能を提供します: 列のフィルタリング、列の非表示、列のリサイズ、列のソートなどが含まれます。

    美しい UX とブランディング

    Bootstrap、Material、Fluent 向けの組み込みテーマ ポートに加え、カラー パレット、フォント、エレベーション、表示密度など無限のブランディング オプションがあります。

    高度なキーボード ナビゲーション

    Excel スタイルのフル キーボード ナビゲーションにより、大規模なデータセットでも高いパフォーマンスを維持しながら、ユーザーが期待する操作性を提供します。

    Grid Lite は無料のオープン ソース Web Components データ グリッドですか?

    はい。Ignite UI Grid Lite は、MIT ライセンスのもとでリリースされた無料のオープン ソース Web Components データ グリッドです。ライセンス料なしで、商用またはパーソナル プロジェクトで使用できます。これは、Ignite UI をよりオープンで透明性が高く、アクセスしやすいものにするための取り組みの一環です。

    • MIT ライセンス

    • 商用利用無料

    • コミュニティ主導の開発

    • 機能制限なし

    ただし、プロジェクトの規模が拡大し、複雑さと機能が増大し、エンタープライズ グレードのアプリケーションが必要になった場合、シームレスなアップグレード戦略が用意されています。これにより、無料の Web Components データ グリッド (Grid Lite) からフル機能の高度なデータ グリッドへの移行がよりシンプルかつ迅速になります。