Repolode
1771-Technologies

1771-Technologies/lytenyte

Um data grid para React sem dependências, com modos headless e pré-estilizado, compatível com ordenação, filtragem, agrupamento, pivotamento e virtualização.

Alternativa open source a:AG GridHandsontable

Estrelas
1,030
Forks
54
Issues abertas
3
Último commit
há 2 meses

O que é?

O LyteNyte Grid é uma biblioteca de data grid para React distribuída em dois pacotes npm: a edição Core gratuita, licenciada sob Apache 2.0, e a edição comercial PRO, que amplia seus recursos. O projeto é um monorepo em TypeScript e usa uma API declarativa baseada em props, permitindo controlar o estado do grid por parâmetros da URL, estado do servidor ou outras fontes externas.

O grid oferece virtualização de linhas e colunas, redimensionamento, fixação e reordenação de colunas, agrupamento de linhas com agregações, visualizações master-detail e edição de células com validação. A edição Core inclui ordenação, filtragem, edição, seleção e agregação; a PRO adiciona carregamento de dados no servidor, pivotamento, dados em árvore, expressões e componentes prontos, como um gerenciador de colunas e uma visualização em árvore.

É possível deixar a tabela sem estilos para ter uma experiência totalmente headless ou usar temas prontos com Tailwind, CSS Modules ou CSS-in-JS. Também inclui exportação para Excel, CSV, Parquet e Arrow, além de navegação por teclado, suporte a acessibilidade e layouts RTL.

Recursos principais

  • 01Renderização headless ou pré-estilizada, com opções de temas usando Tailwind, CSS Modules e CSS-in-JS
  • 02Virtualização de linhas e colunas para grandes conjuntos de dados
  • 03Ordenação, filtragem, agrupamento de linhas e agregações na edição Core
  • 04Carregamento de dados no servidor, pivotamento e dados em árvore na edição PRO
  • 05Edição de células com validação e edição em massa
  • 06Exportação para Excel, CSV, Parquet e Arrow
  • 07Suporte a teclado, acessibilidade e RTL

Casos de uso

  • Criar dashboards administrativos ou ferramentas internas que exibem tabelas grandes com filtragem e ordenação
  • Adicionar visualizações editáveis, semelhantes a planilhas, a uma aplicação React
  • Criar uma tabela com estilo totalmente personalizado, mantendo a lógica e o comportamento do grid
  • Exibir dados paginados pelo servidor ou com rolagem infinita em implantações da edição PRO

Início rápido

  1. 1

    Instale o pacote Core via npm

    npm install --save @1771technologies/lytenyte-core
  2. 2

    Instale o pacote PRO via npm (opcional; funciona com uma marca-d'água se você não tiver uma licença)

    npm install --save @1771technologies/lytenyte-pro
  3. 3

    Siga o guia oficial de introdução para integrar a grade ao seu app

Antes de usar

  • A versão PRO exibe uma marca-d'água se você não tiver uma licença.
  • A licença está listada como NOASSERTION; por isso, confira os termos da licença antes de usar.
  • Muitos recursos avançados, como tabelas dinâmicas e carregamento no lado do servidor, estão disponíveis apenas na edição PRO.

Tópicos

Perguntas frequentes

O que é lytenyte?
Um data grid para React sem dependências, com modos headless e pré-estilizado, compatível com ordenação, filtragem, agrupamento, pivotamento e virtualização. O LyteNyte Grid é uma biblioteca de data grid para React distribuída em dois pacotes npm: a edição Core gratuita, licenciada sob Apache 2.0, e a edição comercial PRO, que amplia seus recursos. O projeto é um monorepo em TypeScript e usa uma API declarativa baseada em props, permitindo controlar o estado do grid por parâmetros da URL, estado do servidor ou outras fontes externas.
lytenyte é gratuito? Qual é a licença?
lytenyte é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.
lytenyte ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de lytenyte foi em 15 de ago. de 2026.
Para que posso usar lytenyte?
Criar dashboards administrativos ou ferramentas internas que exibem tabelas grandes com filtragem e ordenação Adicionar visualizações editáveis, semelhantes a planilhas, a uma aplicação React Criar uma tabela com estilo totalmente personalizado, mantendo a lógica e o comportamento do grid Exibir dados paginados pelo servidor ou com rolagem infinita em implantações da edição PRO
Como instalar lytenyte?
Instale o pacote Core via npm: npm install --save @1771technologies/lytenyte-core Instale o pacote PRO via npm (opcional; funciona com uma marca-d'água se você não tiver uma licença): npm install --save @1771technologies/lytenyte-pro Siga o guia oficial de introdução para integrar a grade ao seu app
Onde consigo lytenyte?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/1771-Technologies/lytenyte

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados