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.
Start Your Free Trial Of Ignite UI for Angular
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:
- Virtualized Rows and Columns so you can load millions of records
- Edição em linha com opções de atualização de célula, linha e lote
- Filtragem no estilo Excel e capacidade completa de navegação pelo teclado do Excel
- Interactive Outlook-style Grouping
- Resumos de colunas com base em quaisquer dados em uma célula ou coluna de grade
- Exportar para Excel, incluindo visualização de dados
- Display Density to adjust the height and sizing of the rows
- Column templates like Sparkline Column and Image Column
Data Virtualization and Performance

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.
Rápido e fácil de personalizar, construir e implementar
O Ignite UI Angular Data Grid pode manipular linhas e colunas ilimitadas de dados, ao mesmo tempo em que fornece acesso a modelos personalizados e atualizações de dados em tempo real. Apresentando uma API intuitiva para fácil tematização e branding, você pode vincular rapidamente aos dados com código mínimo.

Angular Grid Paging, Sorting, Filtering, & Searching
Permita que os usuários naveguem em seu conjunto de dados com nosso pager padrão ou criem seu próprio modelo para dar sua própria experiência de paginação. Com suporte completo para classificação de coluna única e múltipla, pesquisa de texto completo na grade e várias opções de filtragem avançadas, incluindo filtragem baseada em tipo de dados no estilo Microsoft Excel.

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.

Keyboard Navigation & Row/Cell Selection in the Angular Grid
Garanta a conformidade de acessibilidade e melhore a usabilidade, permitindo a navegação por teclado semelhante ao Excel na grade de dados Angular, usando as teclas para cima, para baixo, para a direita, para a esquerda, tab e Enter. Você pode alternar a seleção de uma ou várias linhas na grade Angular usando o mouse ou o teclado para selecionar ou desmarcar linhas inteiras, ou usar a caixa de seleção integrada selecionar tudo/desmarcar tudo na barra de ferramentas da grade para trabalhar com a seleção de linhas. Saiba mais sobre nossos aprimoramentos mais recentes para esse recurso.

Angular Grid Accessibility & ARIA Support
Cada um dos nossos componentes Angular no Ignite UI for Angular foi implementado de acordo com as últimas diretrizes e especificações de acessibilidade. Nossos componentes Angular foram testados usando tecnologia de acessibilidade fornecida pelo SO ou navegador – leitores de tela. Nossa equipe garante não apenas que as diretrizes sejam implementadas, mas também que o conteúdo real entregue a pessoas com deficiência visual ou cegas seja realmente consumível e fácil de usar para elas. A grade de dados Ignite UI for Angular é totalmente acessível com acessibilidade de teclado a11y, ARIA e paleta de cores acessível. Saiba mais.

Column Grouping, Pinning, Summaries, & Moving in the Angular Grid
Agrupe colunas ou grupos de colunas predefinidos por meio da interação do mouse, toque ou nossa API, com suporte para resumos de colunas integrados ou modelos de resumo personalizados. Permita que os usuários ocultem ou movam colunas interativamente, com suporte total para fixação interativa de colunas, durante as operações de mover, arrastar e reordenar.

Multi-Column Headers in the Angular Grid
Habilitar cabeçalhos multicolunas, permitindo que você agrupe colunas sob um cabeçalho comum. Cada grupo de colunas pode ser uma representação de combinações entre outros grupos ou colunas, com suporte total para fixação de colunas, movimentação interativa de colunas dentro de grupos, classificação e ocultação de grupos.

Theming, Styling, & Templating in the Angular Grid
Com Ignite UI for Angular você pode personalizar a aparência da célula com CSS ou refazer o template de qualquer célula com ng-template para dar a qualquer célula uma aparência de renderização. Com suporte total para Material Design, você pode personalizar sua experiência de marca com nosso mecanismo de tema simples de usar.

Excel Library for the Angular Grid
Suporte completo para exportar grades de dados para XLXS, XLS, TSV ou CSV. A biblioteca Ignite UI for Angular Excel inclui mais de 300 fórmulas, suporte a tabelas, formatação condicional, criação de gráficos e muito mais – tudo sem precisar do Microsoft Excel na máquina cliente.
Get Started With the Fastest Angular Grid Today!
Features Included
Modern Web Browsers and Award-Winning Support
Ignite UI for Angular Supported Browsers
- Cromar
- Borda / Borda Chromium
- Raposa de fogo
- Safári
- Internet Explorer 11 com polyfills
Ignite UI for Angular Support Options
- Comece na página inicial do Suporte Angular
- Leia a documentação Angular e experimente com amostras Angular
- Leia os blogs Angular para se manter atualizado
- Submit a Angular Support Case
- Aprenda com os aplicativos de referência Angular
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.
Perguntas frequentes
Questions and Answers for Ignite UI for Angular Data Grid
Why should I choose the Infragistics Ignite UI for Angular Data Grid?
- Virtualized Rows and Columns so you can load millions of records
- Edição em linha com opções de atualização de célula, linha e lote
- Filtragem no estilo Excel e capacidade completa de navegação pelo teclado do Excel
- Interactive Outlook-style Grouping
- Resumos de colunas com base em quaisquer dados em uma célula ou coluna de grade
- Exportar para Excel, incluindo visualização de dados
- Display Density 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?
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.
Também oferecemos descontos para licenças de vários anos. Consulte nossa página de preços para obter mais informações sobre preços.
Se você estiver desenvolvendo aplicativos em várias plataformas, considere nosso pacote completo de desenvolvimento de aplicativos, Infragistics Ultimate, que inclui plataformas de desktop como WPF e Windows Forms, além de todos os conjuntos de ferramentas web modernos para Angular, Web Components, ASP.NET MVC e 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.

Angular Components & Directives
Choose the Plan that's Right for You!
- 100s de controles e componentes de interface do usuário para todas as principais estruturas da web
- A maneira mais rápida de criar aplicativos Web modernos
DESCONTO PLURIANUAL
- Tudo em Ignite UI e Profissional
- Prototipagem de interface do usuário, sistemas de design, testes de usuários, criação de aplicativos e geração de código
- O único kit de ferramentas completo de UI/UX para criar aplicativos web, desktop e móveis modernos e de alto desempenho
DESCONTO PLURIANUAL
- Tudo em Ignite UI
- Biblioteca abrangente de componentes de interface do usuário para desenvolvedores da Web, móveis e de desktop
DESCONTO PLURIANUAL
Conecte-se com Infragistics
Siga-nos para as últimas notícias e atualizações
