Logotipo Ignite UI para aplicaciones web para desarrolladores

    La cuadrícula de datos Angular más rápida

    Ignite UI for Angular proporciona una biblioteca completa de componentes de interfaz de usuario Angular nativos y basados en Material, incluida la cuadrícula de datos de Angular virtualizada más rápida del mundo.

    Angular Grid Example

    En este ejemplo de cuadrícula angular, puede ver cómo los usuarios pueden personalizar su vista de datos aprovechando las diversas funciones integradas en la cuadrícula, como búsqueda y filtrado de datos, clasificación de columnas, cambio de tamaño, fijación y ocultación, selección de filas, exportación a Excel y CSV. desplazamiento horizontal y vertical. Hemos proporcionado ejemplos de plantillas de celdas que incluyen componentes como indicador de barra de progreso lineal y minigráfico.

    What is an Angular Data Grid?

    Una cuadrícula de datos Angular es un componente que se utiliza para mostrar datos tabulares en una serie de filas y columnas. Las cuadrículas de datos, también conocidas como tablas, son muy conocidas en el mundo de los escritorios con software popular como Microsoft Excel. Si bien las cuadrículas han estado disponibles en plataformas de escritorio durante mucho tiempo, recientemente se han convertido en parte de las interfaces de usuario de aplicaciones web, como Angular UI. Las cuadrículas modernas pueden ser complejas y pueden incluir una variedad de funcionalidades, que incluyen enlace de datos, edición, filtrado similar al de Excel, clasificación personalizada, agrupación, reordenamiento de filas, congelamiento de filas y columnas, agregación de filas y exportación a formatos Excel, CSV y PDF.

    Why Use an Angular Data Grid?

    Las cuadrículas de datos Angular son esenciales en casos de uso en los que se deben almacenar y clasificar rápidamente una gran cantidad de datos. Esto puede incluir industrias como la financiera o la de seguros que utilizan datos de gran volumen y alta velocidad con frecuencia. A menudo, el éxito de estas empresas depende de la funcionalidad y el rendimiento de estas cuadrículas de datos. Cuando las decisiones bursátiles deben tomarse en microsegundos, por ejemplo, es imperativo que la cuadrícula de datos funcione sin retrasos ni parpadeos.

    Key Features

    El Ignite UI for Angular Data Grid no es solo para datos de gran volumen y en tiempo real. Es una cuadrícula de Angular rica en funciones que le brinda capacidades que nunca podría lograr con tan poco código por su cuenta. En este ejemplo se muestran algunas de las características clave de la cuadrícula de datos:

    Data Virtualization and Performance

    Desplácese sin problemas por filas y columnas ilimitadas en su cuadrícula Angular, con la virtualización a nivel de fila y columna de la cuadrícula de datos. Con soporte para fuentes de datos locales o remotas, obtiene el mejor rendimiento sin importar dónde se encuentren sus datos. Sus usuarios experimentarán un desplazamiento similar al de Excel, con velocidad empresarial (sin demoras, parpadeos de pantalla ni retraso visual), lo que le brinda la mejor experiencia de usuario (UX) sin comprometer el rendimiento.

    Rápido y fácil de personalizar, construir e implementar

    La Ignite UI Angular Data Grid puede manejar filas y columnas ilimitadas de datos, a la vez que brinda acceso a plantillas personalizadas y actualizaciones de datos en tiempo real. Con una API intuitiva para crear temas y marcas fácilmente, puede vincularse rápidamente a los datos con un código mínimo.

    Angular Grid Paging, Sorting, Filtering, & Searching

    Permita que los usuarios naveguen por su conjunto de datos con nuestro buscapersonas predeterminado o cree su propia plantilla para brindar su propia experiencia de paginación. Con soporte completo para clasificación de una o varias columnas, búsqueda de texto completo en la cuadrícula y varias opciones de filtrado avanzadas, incluido el filtrado estilo Microsoft Excel basado en tipos de datos.

    Inline Angular Grid Editing

    Le proporcionamos plantillas de celda predeterminadas para columnas editables que se basan en el tipo de datos de la columna. Puede definir sus propias plantillas personalizadas para columnas editables y anular el comportamiento predeterminado para confirmar y descartar cambios en el valor de la celda.

    Animación de las capacidades de filtrado dentro de Angular cuadrícula de datos

    Keyboard Navigation & Row/Cell Selection in the Angular Grid

    Garantice el cumplimiento de la accesibilidad y mejore la usabilidad, habilitando la navegación con el teclado similar a Excel en la cuadrícula de datos Angular, utilizando las teclas arriba, abajo, derecha, izquierda, tabulador y Entrar. Puede alternar la selección de una o varias filas en la cuadrícula de Angular con el mouse o el teclado para seleccionar o anular la selección de filas completas, o usar la casilla de verificación incorporada seleccionar todo / deseleccionar todo en la barra de herramientas de la cuadrícula para trabajar con la selección de filas. Obtenga información sobre las mejoras más recientes de esta función.

    Animación de la funcionalidad de navegación del teclado dentro de Angular cuadrícula de datos

    Angular Grid Accessibility & ARIA Support

    Cada uno de nuestros componentes Angular en Ignite UI for Angular se ha implementado de acuerdo con las últimas pautas y especificaciones de accesibilidad. Nuestros componentes Angular han sido probados utilizando el sistema operativo o la tecnología de accesibilidad proporcionada por el navegador: lectores de pantalla. Nuestro equipo se asegura no solo de que se implementen las directrices, sino también de que el contenido real entregado a las personas ciegas o con discapacidad visual sea realmente consumible y fácil de usar para ellas. La cuadrícula de datos de Ignite UI for Angular es totalmente accesible con accesibilidad de teclado a11y, ARIA y paleta de colores accesible. Más información.

    Representación de iconos para la compatibilidad con ARIA en el componente de cuadrícula de datos de Angular

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

    Agrupe columnas o grupos de columnas preestablecidos mediante la interacción del mouse, el tacto o nuestra API, con soporte para resúmenes de columnas integrados o plantillas de resumen personalizadas. Permita a los usuarios ocultar o mover columnas de forma interactiva, con soporte completo para fijar columnas interactivas, durante las operaciones de mover, arrastrar y reordenar.

    Cuadrícula de datos con funciones de agrupación de columnas, anclaje y resumen habilitadas para Angular componente Cuadrícula de datos

    Multi-Column Headers in the Angular Grid

    Habilite encabezados de varias columnas, lo que le permitirá agrupar columnas bajo un encabezado común. Cada grupo de columnas podría ser una representación de combinaciones entre otros grupos o columnas, con soporte completo para fijar columnas, mover columnas interactivas dentro de grupos, ordenar y ocultar grupos.

    Cuadrícula de datos con la función Encabezados de varias columnas habilitada en el componente Cuadrícula de datos de Angular

    Theming, Styling, & Templating in the Angular Grid

    Con Ignite UI for Angular puede personalizar la apariencia de la celda con CSS o volver a crear cualquier celda con ng-template para dar apariencia de renderizado a cualquier celda. Con soporte completo para Material Design, puedes personalizar tu experiencia de marca con nuestro motor de temas fácil de usar.

    Animación de diferentes cuadrículas que muestran las capacidades de tematización y plantación de la Angular Red de Datos

    Excel Library for the Angular Grid

    Soporte completo para exportar cuadrículas de datos a XLSX, XLS, TSV o CSV. La biblioteca de Excel Ignite UI for Angular incluye 300+ fórmulas, soporte para tablas, formato condicional, creación de gráficos y más, todo ello sin necesidad de Microsoft Excel en el equipo cliente.

    Representación de iconos de características similares a Microsoft Excel en la cuadrícula de datos de Angular

    Angular Grid Features

    ¡Descarga hoy la cuadrícula Angular más rápida!

    Descargar ahora
    Prueba gratuita de 30 días. No se requiere tarjeta de crédito.

    Ignite UI for Angular Supported Browsers

    Angular Data Grid es compatible con todos los navegadores web modernos, incluidos:
    • Cromo
    • Borde / Borde Cromo
    • Firefox
    • Safari
    • Internet Explorer 11 con polirellenos

    Ignite UI for Angular Support Options

    Hay múltiples opciones para obtener acceso a nuestro galardonado soporte en Infragistics para el producto Angular.

    Ignite UI for Angular Trial License and Commercial

    Ignite UI for Angular es un producto con licencia comercial disponible a través de un modelo de suscripción. Puede probar el producto Ignite UI for Angular de forma gratuita cuando se registra para una prueba de 30 días. Cuando haya terminado con su período de prueba, puede comprar una licencia en nuestro sitio web o llamando al departamento de ventas de su región.

    Frequently Asked Questions

    ¿Por qué debería elegir el Infragistics Ignite UI for Angular Data Grid?
    ¿Cuál es el precio de Infragistics Ignite UI for Angular Data Grid?
    Nuestros componentes Angular están incluidos como parte de nuestro paquete de Ignite UI. Una sola licencia de desarrollador comienza en $ 1,295 USD por una suscripción de un año, que incluye un año de soporte y actualizaciones estándar. También ofrecemos descuentos para licencias de varios años. Consulte nuestra página de precios para obtener más información sobre los precios.
    Si está desarrollando aplicaciones en varias plataformas, considere nuestro paquete completo de desarrollo de aplicaciones, Infragistics Ultimate, que incluye plataformas de escritorio como WPF y Windows Forms, además de todos los conjuntos de herramientas web modernos para Angular, Web Components, ASP.NET MVC y ASP.NET Core.
    ¿Puedo comprar el control Infragistics Ignite UI for Angular Data Grid por separado?
    No, no puede comprar el Angular Data Grid por separado. Es parte de un producto de Ignite UI for Angular, que incluye docenas de controles y componentes de interfaz de usuario, además de más de 60 gráficos, incluido Angular Financial Charting. Si está interesado en otras plataformas web modernas como Angular, ASP.NET MVC, Web Components o ASP.NET Blazor, consulte nuestro paquete de productos Ignite UI, que le brinda todas las plataformas web por solo $ 100 más en su suscripción. Es decir, cientos de controles, componentes y visualizaciones de datos por un precio muy bajo.
    ¿Cómo instalo Angular y el control de cuadrícula de datos Infragistics Ignite UI for Angular?
    Para empezar a utilizar Angular Data Grid, siga los pasos de la [guía de introducción](general/getting-started.md). También mantenemos una biblioteca de aplicaciones de muestra, que están diseñadas no solo para inspirar, sino también para ser guías de mejores prácticas para el desarrollo Angular.