開発者の Web アプリケーション用の Ignite UI ロゴ

    高速 Angular データ グリッド

    Ignite UI for Angular は、世界最速の仮想化された Angular データ グリッドを含む、Angular ネイティブのマテリアル ベースの UI コンポーネントの完全なライブラリを提供します。

    Angular Grid の例

    この Angular グリッドの例では、データの検索とフィルタリング、列のソート、サイズ変更、ピン固定と非表示、行の選択、Excel と csv へのエクスポート、水平および垂直スクロールなど、グリッドに組み込まれているさまざまな機能を利用してユーザーがデータ ビューをカスタマイズする方法を確認できます。Linear Progress Bar Indicator やスパークラインなどのコンポーネントを含むセル テンプレートの例を提供しました。

    Angular Data Grid の概要

    Angular データ グリッドは、一連の行と列で表データを表示するために使用されるコンポーネントです。テーブルとも呼ばれるデータ グリッドは、Microsoft Excel などの一般的なソフトウェアでデスクトップの世界でよく知られています。グリッドはデスクトップ プラットフォームで長い間利用されてきますが、最近 Angular UI などの Web ア プリ UI の一部になりました。最新のグリッドは複雑で、データ バインディング、編集、Excel のようなフィルタリング、カスタム並べ替え、グループ化、行の並べ替え、行と列の固定、行の集計、Excel、CSV、PDF 形式のエクスポートなど、さまざまな機能が含まれる場合があります。

    Angular Data Grid の利点

    Angular データ グリッドは、大量のデータをすばやく保存して並べ替える必要がある場合に重要です。これには、大量の高速データを頻繁に使用する金融や保険などの業界が含まれます。 これらの企業の成功は、データ グリッドの機能とパフォーマンスに依存します。たとえば、在庫をマイクロ秒単位で決定する場合、データグ リッドが遅延時間やちらつきのない状態で実行する必要があります。

    主要機能

    Ignite UI for Angular のデータ グリッドは、大量のリアルタイム データのみにとどまるものではありません。これは機能豊富な Angular グリッドであり、ごくわずかなコードだけでは実現できない機能を提供します。 この例は、データ グリッドの主な機能のいくつかを示しています:

    データの仮想化とパフォーマンス

    データ グリッドの列と行レベルの仮想化により、Angular グリッド内の無制限の行と列をシームレスにスクロールします。ローカルまたはリモートのデータソースのサポートにより、データがどこにあっても最高のパフォーマンスを得ることができます。ユーザーは Excel のようなスクロールを体験し、エンタープライズ スピード (ラグ、画面のちらつき、視覚的な遅延) なしで、パフォーマンスを損なうことなく最高のユーザー エクスペリエンス (UX) を提供します。


    すばやく簡単にカスタマイズ、構築および実装

    Ignite UI Angular データ グリッドは、データの無制限の行と列を処理できると同時に、カスタム テンプレートとリアルタイムのデータ更新へのアクセスを提供します。簡単なテーマ設定とブランディングのための直感的な API を備えており、最小限のコードでデータにすばやくバインドできます。


    Angular グリッドのページング、ソート、フィルタリング & 検索

    ユーザーがデフォルトのページャーを使用してデータ セットをナビゲートできるようにするか、独自のテンプレートを作成して独自のページング エクスペリエンスを提供します。単一列および複数列のソート、グリッド上の全文検索、およびデータ型に基づく Microsoft Excel スタイルのフィルタリング を含むいくつかの[高度なフィルタリング] オプションを完全にサポートします。

    Angular Data Grid 内のフィルタリング機能のアニメーション

    インライン Angular グリッド編集

    ユーザーがデフォルトのページャーを使用してデータ セットをナビゲートできるようにするか、独自のテンプレートを作成して独自のページング エクスペリエンスを提供します。単一列および複数列のソート、グリッド上の全文検索、およびデータ型に基づく Microsoft Excel スタイルのフィルタリング を含むいくつかの[高度なフィルタリング] オプションを完全にサポートします。

    Angular Data Grid 内のフィルタリング機能のアニメーション

    Angular グリッドでのキーボード ナビゲーションと行/セルの選択

    上、下、右、左、タブ、および Enter キーを使用して、Angular データ グリッドで Excel のようなキーボード ナビゲーションを有効にして、アクセシビリティ コンプライアンスを確保し、使いやすさを向上させます。マウスまたはキーボードを使用して Angular グリッドで単一または複数の行選択を切り替えて完全な行を選択または選択解除するか、グリッド ツールバーの組み込みの [すべて選択] または [すべて選択解除] チェックボックスを使用して行選択を操作できます。この機能強化の詳細については、こちらをご覧ください。

    Angular Data Grid のキーボード ナビゲーション機能のアニメーション

    Angular グリッドのアクセシビリティと ARIA のサポート

    Ignite UI for Angular の各 Angular コンポーネントは、最新のアクセシビリティ ガイドラインと仕様に従って実装されています。当社の Angular コンポーネントは、OS またはブラウザーが提供するアクセシビリティ技術 (読み上げソフトウェア) を使用してテストされています。当社のチームは、ガイドラインが実装されていることを確認するだけでなく、視覚障害者に配信される実際のコンテンツが消費可能でユーザー フレンドリーであることを保証します。Ignite UI for Angular データ グリッドは キーボード アクセシビリティ、ARIA、明瞭なカラー パレットを提供します。詳しくについては、こちらをご覧ください。

    Angular Data Grid コンポーネントの ARIA サポートのアイコン表示

    Angular Grid の列のグループ化、ピン固定、集計、移動

    組み込みの列集計またはカスタム集計テンプレートをサポートし、マウス操作、タッチ、または API を介して列またはグループ列をグループ化します。インタラクティブな列のピン固定、移動、ドラッグ、ソート操作に列をインタラクティブに非表示または移動できます。

    Angular Data Grid コンポーネントで列のグループ化、ピン固定、および集計機能が有効になっているデータのグリッド

    Angular Grid の複数列ヘッダー

    複数列ヘッダーを有効にし、共通ヘッダーで列をグループ化できます。各列グループは、その他のグループや列と組み合わせることができ、ピン固定、グループ内でインタラクティブに列移動、グループのソートや非表示など多数の機能が使用できます。

    Angular Data Grid コンポーネントで複数列ヘッダー機能を有効にしたデータのグリッド

    Angular Grid のテーマ設定、スタイル設定、テンプレート化

    Angular Data Grid のテーマ設定およびテンプレート化機能を示すさまざまなグリッド デザインのアニメーション
    Angular Grid のテーマ設定、スタイル設定、テンプレート化

    Ignite UI for Angular では、CSS や ng-template の再テンプレート化でセルの外観をカスタマイズできます。マテリアル デザインを完全にサポートし、使いやすいテーマ エンジンでブランド化されたインターフェイスをカスタマイズできます。

    Angular Grid の Excel ライブラリ

    Angular Data Grid の Microsoft Excel のような機能のアイコン表示
    Angular Grid の Excel ライブラリ

    データ グリッドの XLXS、XLS、TSV、または CSV のエクスポートを完全にサポートします。Ignite UI for Angular [Excel ライブラリ](excel-library.md)には、クライアント マシンで Microsoft Excel を必要としない 300 以上の数式、テーブルサポート、条件付き書式、チャートの作成などが含まれます。

    Angular Grid の機能


    高速 Angular Grid のダウンロード

    ダウンロード
    30 日間無償お試し版。クレジット カードは不要です。

    Ignite UI for Angular でサポートされているブラウザー

    Angular Data Grid は、すべての最新の Web ブラウザーでサポートされます。
    • Chrome
    • Edge / Edge Chromium
    • Firefox
    • Safari
    • ポリフィルを使用した Internet Explorer 11

    Ignite UI for Angular サポート オプション

    Infragistics の Angular 製品の受賞歴のあるサポートにアクセスするための複数のオプションがあります。

    Ignite UI for Angular 試用ライセンスおよび商用

    Ignite UI for Angular は、サブスクリプション モデルで利用可能な商用ライセンス製品です。Ignite UI for Angular 製品は、30 日間トライアル版を無料でお試しいただけます。試用期間が終了したら、弊社 Web サイトからライセンスを購入するか、お住まいの地域の営業担当者にお問い合わせください

    FAQ

    Infragistics Ignite UI for Angular Data Grid を選択する理由とはなんですか?
    Infragistics Ignite UI for Angular Data Grid の価格について教えてください。
    Angular コンポーネントは、Ignite UI バンドルの一部として含まれています。価格の詳細については、価格ページを参照してください。
    複数のプラットフォームでアプリケーションを開発する場合、WPF や Windows Forms などのデスクトップ プラットフォーム、Angular、Web コンポーネント、ASP.NET MVC、ASP.NET Core のすべての最新 Web ツールセットを含む完全なアプリ開発パッケージ Infragistics Ultimate を検討してください。
    Infragistics Ignite UI for Angular Data Grid コントロールを個別に購入できますか?
    Angular Data Grid を個別に購入することはできません。これは Ignite UI 製品バンドルの一部です。Ignite UI 製品バンドルは、Angular、ASP.NET MVC、Web コンポーネント、ASP.NET Blazor などのすべての Web プラットフォームに対して、何百ものコントロール、コンポーネント、およびデータの視覚化を提供します。
    Angular と Infragistics Ignite UI for Angular Data Grid コントロールのインストール方法を教えてください。
    Angular Data Grid の使用を開始するには、[作業の開始ガイド](general/getting-started.md)の手順を実行してください。サンプル アプリケーションのライブラリも用意しています。サンプル ライブラリは、Angular 開発のベスト プラクティス ガイドです。