Free & Open-Source Web Components Data Grid (Grid Lite)

    The Ignite UI for Web Components Grid Lite is a lightweight, high-performance Web Components data grid that’s free to use, open-source, and built for modern Web Components applications.

    Grid Lite is a free, open-source JavaScript data grid built as a Web Component, which means you can use it dependency-free with or without a web framework. It delivers essential data-display functionality with minimal overhead and the performance users expect. The Web Components Grid Lite is designed for developers who need fast and lightweight data presentation.

    What You Get with our Free Web Components Data Grid

    Our free, open-source Web Components Grid Lite comes with the following column-based features: sorting, filtering, hiding, resizing and a variety of pre-defined data types. Blazing-fast performance is delivered with the use of row virtualization. In addition, the component supports keyboard navigation and theming through the Ignite UI Theming Framework.

    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

    O usando hilo:

    yarn add igniteui-grid-lite

    Using the Grid Lite in your Web Components code

    <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.

    Is Grid Lite a Free & Open-Source Web Components Data Grid?

    Yes. Ignite UI Grid Lite is a free, open-source Web Components data grid released under the MIT license. You can use it in commercial or personal projects with no licensing fees. It is part of our initiative to make Ignite UI more open, transparent, and accessible.

    • MIT-licensed

    • Free for commercial use

    • Community-driven development

    • No feature gating

    However, if your project scales and grows in complexity and functionality, and you require an enterprise-grade application, we have a seamless upgrade strategy. It will make the transitioning from the free Web Components data grid (Grid Lite) to the full-featured and advanced Data Grid simpler and faster.