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 o Grid Lite, vá até a pasta raiz do seu projeto (ondepackage.json está localizado) e execute o seguinte comando usando npm:

    npm install igniteui-grid-lite

    Ou usar fio:

    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

    O Grid Lite foi projetado para oferecer os recursos essenciais que você precisa para oferecer uma experiência bonita de grade de dados / tabela de dados em seus aplicativos. Projetado para desempenho e beleza, o Grid Lite funciona em qualquer framework, em qualquer plataforma.

    Performance Built In

    A virtualização em nível de linha permite renderizar quantidades ilimitadas de dados com rolagem suave.

    Automatic Column Types

    Os tipos de coluna são gerados automaticamente com base na sua fonte de dados, com filtragem embutida adaptada a cada tipo de coluna.

    Custom Column Templates

    Entregue qualquer tipo de UX com templates de coluna. Qualquer coisa que você imaginar pode renderizar em uma coluna de grade!

    Interactive Features

    Todos os recursos interativos principais que seus usuários esperam: filtragem de colunas, ocultação de colunas, redimensionamento de colunas, ordenação de colunas e mais.

    Beautiful UX & Branding

    Suporte a temas embutidos para Bootstrap, Material e Fluent, além de infinitas opções de branding em paletas de cores, fontes, elevação, densidade de exibição e muito mais.

    Rich Keyboard Navigation

    Navegação completa por teclado no estilo Excel oferece aos usuários a experiência que esperam, com alto desempenho mesmo em grandes conjuntos de dados.

    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.