Ignite UI Logo for developer web applications

The Fastest Angular Data Grid

Ignite UI for Angular provides a complete library of Angular-native, Material-based UI components, including the world’s fastest virtualized Angular data grid and a rich selection of features such as inline editing, Excel-style Filtering, Outlook-style Grouping and more.

Angular Framework logo

Angular Data Grid Key Features

The Ignite UI for Angular Data Grid is not just for high-volume and real-time data. It is a feature-rich Angular grid that gives you capabilities that you would never be able to accomplish with such little code on your own.
This example demonstrates a few of the data grid’s key features:

Data Virtualization and Performance

Scrolling Ignite UI for Angular Data Grid component showing off its performance and data visualization capbilities

Seamlessly scroll through unlimited rows and columns in your Angular grid, with the data grid’s column and row level virtualization. With support for local or remote data sources, you get the best performance no matter where your data lives. Your users will experience Excel-like scrolling, with enterprise speed — no lag, screen flicker, or visual delay — giving you the best user experience (UX) without compromising performance.

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.

Animation of filtering capabilities within Angular Data Grid

Angular Grid Paging, Sorting, Filtering, & Searching

Allow users to navigate your data set with our default pager or create your own template to give your own paging experience. With complete support for single and multi-column sorting, full-text search on the grid, and several advanced filtering options, including data-type based Microsoft Excel-style Filtering.

Inline editing on a cell within Angular Data Grid Component

Inline Angular Grid Editing

We provide you default cell templates for editable columns which are based on the data type of the column. You can define your own custom templates for editable columns and override default behavior for committing and discarding changes in the cell value.

Animation of keyboard navigation functionality within Angular Data Grid

Keyboard Navigation & Row/Cell Selection in the Angular Grid

Ensure accessibility compliance and improve usability, enabling Excel-like keyboard navigation in the Angular data grid, using the up, down, right, left, tab, and Enter keys. You can toggle single or multiple row selection in the Angular grid using the mouse or keyboard to select or de-select full rows, or use the built-in select all / de-select all checkbox in the grid toolbar to work with row selection. Learn about our most recent enhancements to this feature.

Icon representation for ARIA support on the Angular Data Grid Compoentn

Angular Grid Accessibility & ARIA Support

Each of our Angular components in Ignite UI for Angular has been implemented according to the latest accessibility guidelines and specifications. Our Angular components have been tested using OS or Browser provided accessibility technology – screen readers. Our team ensures not only that the guidelines are implemented, but also that the actual content delivered to visually impaired or blind people is actually consumable and user-friendly for them. The Ignite UI for Angular data grid is fully accessible with a11y Keyboard accessibility, ARIA, and accessible color palette. Learn more.

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

Column Grouping, Pinning, Summaries, & Moving in the Angular Grid

Group columns or pre-set column groups via mouse interaction, touch or our API, with support for built-in column summaries or custom summary templates. Enable users to interactively hide or move columns, with full support for interactive column pinning, during move, drag, and reorder operations.

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

Multi-Column Headers in the Angular Grid

Enable multi-column headers, allowing you to group columns under a common header. Every column group could be a representation of combinations between other groups or columns, with full support for column pinning, interactive column moving within groups, sorting, and hiding groups.

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

Theming, Styling, & Templating in the 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.

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

Excel Library for the Angular Grid

Full support for exporting data grids to XLXS, 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.

Download the Fastest Angular Grid Today!

Modern Web Browsers and Award-Winning Support

Ignite UI for Angular Supported Browsers

  • Chrome
  • Edge / Edge Chromium
  • Firefox
  • Safari
  • Internet Explorer 11 with polyfills

Ignite UI for Angular Support Options

Ignite UI for Angular Trial License and Commercial

Ignite UI for Angular is a commercially licensed product available via a subscription model through the Ignite UI bundle. 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.

Frequently Asked Questions

Questions and Answers for Ignite UI for Angular Data Grid

Why should I choose the Infragistics Ignite UI for Angular Data Grid?

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

Ignite UI for Angular is a commercially licensed product available via a subscription model through the Ignite UI bundle. A single developer license starts at $1,295 USD for a one-year subscription, which includes one year of standard support and product updates. This subscription includes the Angular Grid, plus Angular Charts and dozens on other Angular UI Controls.

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 product, which includes dozens of UI controls and components, plus over 60 charts, including Angular Financial Charting.

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.

Ignite UI Spaceman building rocket

Angular Components & Directives

Choose the Plan that's Right for You!

Good Value

  • 100s of UI controls and components for every major web framework
  • Fastest way to build modern web apps
$0 per developer, royalty-free subscription

MULTI-YEAR DISCOUNT

No multi-year discounts available.
Great Value

  • Everything in Ignite UI
  • Comprehensive UI component library for web, mobile and desktop developers
$0 per developer, royalty-free subscription

MULTI-YEAR DISCOUNT

No multi-year discounts available.

Connect with Infragistics

Follow Us for the Latest News and Updates

Ignite UI rocket taking off