Premium

高速 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 グリッドであり、ごくわずかなコードだけでは実現できない機能を提供します。この例は、データグリッドの主な機能のいくつかを示しています:

数百万のレコードをロードできる仮想化された行と列
セル、行、および一括更新オプションを使用したインライン編集
Excel スタイルフィルタリングと Excel キーボードナビゲーション機能
インタラクティブな Outlook スタイルのようなグループ化
グリッドセルまたは列のデータに基づいた列集計
Excel へのエクスポート (データ可視化を含む)
行の高さとサイズ変更を調整するサイズ
スパークライン列や画像列などの列テンプレート

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

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

Quick and Easy to Customize, Build and Implement

The Ignite UI Angular Data Grid can handle unlimited rows and columns of data, while providing access to custom templates and real-time data updates. Featuring an intuitive API for easy theming and branding, you can quickly bind to data with minimal code.

サンプルを見る

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

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

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

Animation of filtering capabilities within Angular Data Grid

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

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

Animation of keyboard navigation functionality within Angular Data Grid

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

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

Icon representation for ARIA support on the Angular Data Grid Component

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

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

Grid of data with column grouping, pinning and summary features enabled for Angular Data Grid component

Angular Grid の複数列ヘッダー

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

Grid of data with Multi-Column Headers feature enabled on the Angular Data Grid component

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

With Ignite UI for Angular you can customize cell appearance with CSS or re-template any cell with ng-template to give any cell render appearance. With full support for Material Design, you can customize your branded experience with our simple-to-use theming engine.

Animation of different grids design showing the theming and templating capabilities of the Angular Data Grid

Angular Grid の Excel ライブラリ

Full support for exporting data grids to XLSX, XLS, TSV or CSV. The Ignite UI for Angular Excel library includes 300+ formulas, Table support, Conditional Formatting, Chart creation and more – all without needing Microsoft Excel on the client machine.

Icon representation of Microsoft Excel-like features on the Angular Data Grid

Angular Grid の機能

Download the Fastest Angular Grid Today!

今すぐダウンロード

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

Ignite UI for Angular Supported Browsers

Ignite UI for Angular Support Options

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

Ignite UI for Angular is a commercially licensed product available via a subscription model. You can try the Ignite UI for Angular product for free when you register for a 30-day trial. When you are done with your Trial Period, you can purchase a license from our web site or by calling sales in your region.

FAQ

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 の使用を開始するには、作業の開始ガイドの手順を実行してください。サンプルアプリケーションのライブラリも用意しています。サンプルライブラリは、Angular 開発のベストプラクティスガイドです。

Virtualized Rows and Columns
Inline Editing with Cell, Row, and Batch Update options
Excel-style Filtering and full Excel Keyboard Navigation capability
Interactive Outlook-style Grouping
Column Summaries based on any data in a grid cell or column
Export to Excel, including Data Visualization
Size to adjust the height and sizing of the rows
Column templates like Sparkline Column and Image Column

What is the Pricing for the Infragistics Ignite UI for Angular Data Grid?

Our Angular components are included as a part of our Ignite UI bundle. A single developer license starts at $1,295 USD for a one-year subscription, including one year of standard support and updates. We also offer discounts for multi-year licenses. Please refer to our Pricing page for more information on pricing.

If you are developing applications on multiple platforms, consider our complete app development package, Infragistics Ultimate, which include desktop platforms like WPF and Windows Forms, plus all modern web toolsets for Angular, Web Components, ASP.NET MVC and ASP.NET Core.

Can I purchase the Infragistics Ignite UI for Angular Data Grid control separately?

No, you cannot purchase the Angular Data Grid separately. It is part of a the Ignite UI for Angular product, which includes dozens of UI controls and components, plus over 60 charts, including Angular Financial Charting. If you are interested in other modern web platforms like Angular, ASP.NET MVC, Web Components or ASP.NET Blazor, check out our Ignite UI product bundle, which gives you every web platform for only $100 more on your subscription. That is hundreds of controls, components, and data visualizations for a very low price.

How do I Install Angular and the Infragistics Ignite UI for Angular Data Grid control?

To get started with the Angular Data Grid, follow the steps in the getting started guide. We also maintain a library of sample applications, which are designed to not only inspire but are best practices guides for Angular development.

高速 Angular データ グリッド