Red de Web Components de código abierto
El Ignite UI for Web Components Grid Lite forma parte de Infragistics conjunto de componentes de interfaz de usuario de código abierto, soportado y mantenido activamente. Es una red de datos JavaScript de código abierto construida como un Componente Web, por lo que puedes usarla sin dependencias con o sin un framework web. Hay 40+ controles OSS disponibles bajo la licencia MIT en Angular, React, Blazor y Web Components.
El Grid Lite ofrece funcionalidades esenciales de visualización de datos con una sobrecarga mínima y el rendimiento que los usuarios esperan. Está diseñado para desarrolladores que necesitan una presentación rápida y ligera de datos sin la complejidad de una red empresarial.
Características de Grid Lite:
- Filtrado de columnas
- Ocultación
- Cambiar el tamaño
- Clasificación
- Row Virtualization
- Accesibilidad
- Temas y estilo
- Tipos de datos de columna
Installation and Setup
Installation
Para instalar Grid Lite, ve a la carpeta raíz de tu proyecto (dondepackage.json está ubicado) y ejecuta el siguiente comando usando npm:
npm install igniteui-grid-lite --save
O usando hilo:
yarn add igniteui-grid-lite
Using the Grid Lite in your Web Components code
En el archivo donde quieres usar Grid Lite, impórtalo y regístralo antes de que se declare la clase o función de tu componente:
<div class="grid-lite-wrapper">
<igc-grid-lite id="grid-lite"></igc-grid-lite>
</div>
Grid Lite in Action
Grid Lite está diseñado para ofrecerte las funciones básicas que necesitas para ofrecer una experiencia de cuadrícula de datos y tabla de datos hermosa en tus aplicaciones. Diseñado para el rendimiento y la belleza, el Grid Lite funcionará en cualquier framework, en cualquier plataforma.
Performance Built In
La virtualización a nivel de fila te permite renderizar cantidades ilimitadas de datos con desplazamiento suave.
Automatic Column Types
Los tipos de columna se generan automáticamente en función de tu fuente de datos, con filtrado integrado adaptado a cada tipo de columna.
Custom Column Templates
Entrega cualquier tipo de experiencia de usuario con plantillas de columnas. ¡Cualquier cosa que imagines puede renderizarse en una columna de cuadrícula!
Interactive Features
Todas las funciones interactivas principales que tus usuarios esperan: filtrado de columnas, ocultación de columnas, redimensionamiento de columnas, ordenación de columnas y más.
Beautiful UX & Branding
Soporte integrado de temas para Bootstrap, Material y Fluent, además de infinitas opciones de marca en paletas de colores, tipografías, elevación, densidad de pantalla y más.
Rich Keyboard Navigation
La navegación completa con teclado al estilo Excel ofrece a los usuarios la experiencia que esperan, con un alto rendimiento incluso en grandes conjuntos de datos.