La cuadrícula Web Components más rápida
Ignite UI for Web Components proporciona una biblioteca completa de Web Components: componentes de interfaz de usuario nativos basados en materiales, incluida la cuadrícula de datos Web Components virtualizados más rápida del mundo.
Web Components Grid Example
En este ejemplo de cuadrícula Web Components, 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. Ver más funciones aquí.
What is a Web Components Grid?
La cuadrícula de datos Web Components 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 la IU Web Components. 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 a Web Components Grid?
Las cuadrículas de datos Web Components 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 Web Components Data Grid no es solo para datos de gran volumen y en tiempo real. Es una cuadrícula Web Components rica en funciones que le brinda capacidades que nunca podría lograr con tan poco código por su cuenta.
Estas son algunas de las características clave de la cuadrícula de datos:
- [**Filas y columnas virtualizadas**](grid/virtualization.md) para que puedas cargar millones de registros
- [**Edición en línea**](grid/editing.md) con [**Celda**](grid/cell-editing.md) y [**Fila**](grid/row-editing.md) Opciones de actualización
- [**Filtrado estilo Excel**](grid/excel-style-filtering.md) y capacidad completa de [**Navegación con teclado Excel**](grid/keyboard-navigation.md)
- Interactivo [**Agrupación estilo Outlook**](grid/groupby.md)
- [**Resúmenes de columnas**](grid/summaries.md) basado en cualquier dato en una celda o columna de la cuadrícula
- [**Display Density**](grid/display-density.md) para ajustar la altura y el tamaño de las filas
Data Virtualization and Performance
Desplácese sin problemas por filas y columnas ilimitadas en su cuadrícula Web Components, 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
La cuadrícula de datos Web Components Ignite UI 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.
Web Components Grid Paging, Sorting, Filtering, & Searching
Permita que los usuarios naveguen por su conjunto de datos con nuestro [buscapersonas] predeterminado (grid/paging.md) 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 (grid/search.md) en la cuadrícula y varias opciones de [filtrado avanzado](grid/advanced-filtering.md), incluidas las basadas en tipos de datos. [Filtrado estilo Microsoft Excel] (grid/excel-style-filtering.md).
Inline Web Components Grid Editing
Le proporcionamos [plantillas de celda para columnas editables] predeterminadas (data-grid.md#cell-editing-template) 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.
Keyboard Navigation & Row/Cell Selection
Garantice el cumplimiento de la accesibilidad y mejore la usabilidad, habilitando la [navegación con teclado] similar a Excel (grid/keyboard-navigation.md) en la cuadrícula de datos Web Components, usando las teclas arriba, abajo, derecha, izquierda, tabulador e Intro. Puede alternar la selección de una o varias filas en la cuadrícula Web Components 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.
Web Components Grid Accessibility & ARIA Support
Cada uno de nuestros componentes Web Components en Ignite UI for Web Components se ha implementado de acuerdo con las últimas pautas y especificaciones de accesibilidad. Nuestros componentes Web Components 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 cuadrícula de datos Ignite UI for Web Components es totalmente accesible con accesibilidad de teclado, ARIA y paleta de colores accesible. Aprende más.
Column Grouping, Pinning, Summaries
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 (grid/summaries.md) o plantillas de resumen personalizadas. Permita a los usuarios [ocultar](grid/column-hiding.md) o [mover columnas](grid/column-moving.md) de forma interactiva, con soporte completo para [fijar columnas](grid/column-pinning.md) interactivo, durante las operaciones de mover, arrastrar y reordenar.
Encabezados de varias columnas
Habilite [encabezados de varias columnas] (grid/multi-column-headers.md), 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.
Web Components Grid Features
- [Inline Editing](grid/editing.md)
- [Filtrado de filas y columnas](grid/filtering.md)
- [Grid Sorting](grid/sorting.md)
- [Agrupación de columnas](grid/groupby.md)
- [Column Summaries](grid/summaries.md)
- [Columnas fijas/fijadas](grid/column-pinning.md)
- [Columna en movimiento](grid/column-moving.md)
- [Estilo de celda](grid/condicional-cell-styling.md)
- [Paginación de cuadrícula](grid/paging.md)
- [Selección de fila](grid/selection.md)
- [Selección de celda](grid/cell-selection.md)
- [Búsqueda a nivel de cuadrícula](grid/search.md)
- [Multi-Column Headers](grid/multi-column-headers.md)
- [Virtualization and Performance](grid/virtualization.md)
- [Columnas redimensionables](grid/column-resizing.md)
- [Column Hiding](grid/column-hiding.md)
¡Descargue hoy mismo la cuadrícula Web Components más rápida!
Descargar ahoraPrueba gratuita de 30 días. No se requiere tarjeta de crédito.
Ignite UI for Web Components Supported Browsers
- Cromo
- Borde / Borde Cromo
- Firefox
- Safari
- Internet Explorer 11 con polirellenos
Ignite UI for Web Components Support Options
- Comience en la página de inicio de soporte Web Components
- Lea la [Documentación] Web Components (../general-getting-started.md) y experimente con ejemplos Web Components
- Lea los blogs Web Components para mantenerse actualizado
- Enviar un caso de soporte
- Aprenda de las aplicaciones de referencia Web Components
Ignite UI for Web Components Trial License and Commercial
Ignite UI for Web Components es un producto con licencia comercial disponible mediante un modelo de suscripción. Puede probar el producto Ignite UI for Web Components 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
- [Filas y columnas virtualizadas](grid/virtualization.md) para que puedas cargar millones de registros
- [Filtrado estilo Excel](grid/excel-style-filtering.md) y capacidad completa de [Navegación por teclado Excel](grid/keyboard-navigation.md)
- Interactivo [Agrupación estilo Outlook](grid/groupby.md)
- [Resúmenes de columnas](grid/summaries.md) basado en cualquier dato en una celda o columna de la cuadrícula
- [Densidad de visualización](grid/display-density.md) para ajustar la altura y el tamaño de las filas