Open Source

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

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

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

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

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

IgniteUI.Blazor.GridLite のインストール

Visual Studio で、[ツール] → [NuGet パッケージマネージャー] → [ソリューションの NuGet パッケージの管理] を選択して、NuGet パッケージマネージャーを開きます。IgniteUI.Blazor.GridLite NuGet パッケージを検索してインストールします。

または、パッケージマネージャーコンソール経由でインストールします。

Install-Package IgniteUI.Blazor.GridLite

または、.NET CLI 経由でインストールします。

dotnet add package IgniteUI.Blazor.GridLite

Grid Lite の使用

1 - IgniteUI.Blazor.Controls 名前空間を _Imports.razor ファイルに追加します。

@using IgniteUI.Blazor.Controls

2 - プロジェクトの種類に応じて、適切な場所にスタイルシートを追加します。

<head>
       <link href="_content/IgniteUI.Blazor.GridLite/css/themes/light/bootstrap.css" rel="stylesheet" />
</head>

3 - Grid Lite コンポーネントを razor ページに追加します。

<IgbGridLite Data="data" AutoGenerateColumns="true">
</IgbGridLite>

@code {
    private object[] data = new object[]
    {
        new { Name = "John", Age = 30, City = "New York" },
        new { Name = "Jane", Age = 25, City = "Los Angeles" },
        new { Name = "Bob", Age = 35, City = "Chicago" }
    };
}

Grid Lite の動作

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

優れたパフォーマンスを標準搭載

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

自動列タイプ

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

インタラクティブ機能

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

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

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

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

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

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

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

MIT ライセンス
商用利用無料
コミュニティ主導の開発
機能制限なし

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

API リファレンス

IgbGridLite<TItem>
IgbGridLiteColumn

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

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