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 basados en materiales, nativos Angular, incluida la cuadrícula de datos 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 bien conocidas en el mundo de las computadoras de escritorio 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 IU 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 a Excel, clasificación personalizada, agrupación, reordenamiento de filas, congelación 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 muchos datos rápidamente. Esto puede incluir industrias como la financiera o de seguros que utilizan con frecuencia datos de gran volumen y alta velocidad. A menudo, el éxito de estas empresas depende de la funcionalidad y el rendimiento de estas redes de datos. Cuando es necesario tomar decisiones sobre acciones en microsegundos, por ejemplo, es imperativo que la cuadrícula de datos funcione sin demoras ni parpadeos.

    Key Features

    La Ignite UI for Angular Data Grid no es solo para datos de gran volumen y en tiempo real. Es una cuadrícula Angular rica en funciones que le brinda capacidades que nunca podría lograr con tan poco código por su cuenta. Este ejemplo demuestra 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 filas y columnas de la cuadrícula de datos. Con soporte para fuentes de datos locales o remotas, obtendrá 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 demoras visuales), brindándole la mejor experiencia de usuario (UX) sin comprometer el rendimiento.

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

    Ignite UI Angular Data Grid puede manejar filas y columnas ilimitadas de datos, al tiempo 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 vincular datos rápidamente 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 capacidades de filtrado dentro de Angular Data Grid

    Keyboard Navigation & Row/Cell Selection in the Angular Grid

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

    Animación de la funcionalidad de navegación del teclado dentro de Angular Data Grid

    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 se han probado utilizando tecnología de accesibilidad proporcionada por el sistema operativo o el navegador: lectores de pantalla. Nuestro equipo garantiza no solo que se implementen las pautas, sino también que el contenido real entregado a las personas ciegas o con discapacidad visual sea realmente consumible y fácil de usar para ellos. La Ignite UI for Angular es totalmente accesible con accesibilidad de teclado, ARIA y paleta de colores accesible. Obtenga más información.

    Representación de iconos para compatibilidad con ARIA en el componente Angular Data Grid

    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, fijación y resumen de columnas habilitadas para el componente Angular Data Grid

    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 Angular Data Grid

    Theming, Styling, & Templating in the Angular Grid

    Con Ignite UI for Angular puede personalizar la apariencia de la celda con CSS o volver a diseñar cualquier celda con ng-template para darle una 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 del diseño de diferentes cuadrículas que muestra las capacidades de creación de temas y plantillas de Angular Data Grid.

    Excel Library for the Angular Grid

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

    Representación de iconos de funciones similares a Microsoft Excel en Angular Data Grid

    Angular Grid Features

    ¡Descargue 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

    Existen múltiples opciones para obtener acceso a nuestro soporte galardonado 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 mediante un modelo de suscripción. Puede probar el producto Ignite UI for Angular de forma gratuita cuando se registre 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 la interfaz de usuario Infragistics Ignite UI for Angular Data Grid?
    ¿Cuál es el precio de la interfaz de usuario Infragistics Ignite UI for Angular Data Grid?
    Nuestros componentes Angular se incluyen como parte de nuestro paquete Ignite UI. Una licencia de desarrollador única comienza en $1295 USD por una suscripción de un año, incluido un año de soporte estándar y actualizaciones. También ofrecemos descuentos para licencias multianuales. Consulte nuestra página de precios para obtener más información sobre los precios.
    Si está desarrollando aplicaciones en múltiples 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 la interfaz de usuario Infragistics Ignite UI for Angular Data Grid por separado?
    No, no puedes comprar Angular Data Grid por separado. Es parte del producto Ignite UI for Angular, que incluye docenas de controles y componentes de UI, además de más de 60 gráficos, incluidos 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 ofrece todas las plataformas web por solo $100 más en su suscripción. Se trata de cientos de controles, componentes y visualizaciones de datos por un precio muy bajo.
    ¿Cómo instalo Angular y la interfaz de usuario Infragistics Ignite UI for Angular Data Grid?
    Para comenzar con 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 como guías de mejores prácticas para el desarrollo Angular.