Pular para o conteúdo

TanStack Table é uma biblioteca avançada de UI headless que permite aos desenvolvedores criar tabelas e grades de dados poderosas do zero, mantendo controle total sobre a marcação e os estilos.

Ela foi projetada para ser independente de frameworks e oferece suporte aos principais frameworks de front-end, como React, Vue, Solid, Svelte e Lit.

Essa biblioteca tem uma estrutura leve, geralmente de 10-15kb após o tree-shaking, o que a torna adequada para aplicações em que o desempenho é essencial. Com uma API compacta, oferece recursos robustos, incluindo classificação, filtragem, paginação e gerenciamento eficiente de grandes conjuntos de dados.

Um dos destaques do TanStack Table é sua filosofia de design headless, que permite aos desenvolvedores personalizar quase todos os aspectos da UI da tabela sem ficarem limitados a estilos predefinidos. Essa flexibilidade é ideal para designers que precisam aplicar escolhas estéticas próprias e garantir resultados perfeitos em cada pixel.

O TanStack Table é extensível, permitindo que os desenvolvedores substituam os padrões com facilidade, e foi desenvolvido para lidar com dados no lado do servidor e fontes externas. Seus recursos poderosos podem ser usados para criar interfaces complexas, oferecendo uma base para a representação de dados em aplicações Web.

Recursos

  • Leve (10-15kb)
  • Tree-shaking
  • Design headless
  • Formatadores de células
  • Estado interno gerenciado automaticamente
  • Opção de estado totalmente controlado
  • Classificação
  • Classificação múltipla
  • Filtros globais
  • Filtros de coluna
  • Paginação
  • Agrupamento de linhas
  • Agregação
  • Seleção de linhas
  • Expansão de linhas
  • Ordenação de colunas
  • Visibilidade de colunas
  • Redimensionamento de colunas
  • Compatível com virtualização
  • Dados no lado do servidor/externos
  • Cabeçalhos aninhados/agrupados
  • Rodapés

Itens relacionados

Next.js

Uma solução robusta para criar aplicações Web assíncronas e dinâmicas, com um conjunto completo de recursos que aumenta a produtividade dos desenvolvedores.

Preact

Uma alternativa rápida ao React que mantém funcionalidades modernas e uma estrutura mínima para um desenvolvimento Web eficiente.

Refine

Este poderoso framework React simplifica a criação de ferramentas internas e painéis administrativos, permitindo que desenvolvedores se concentrem em criar funcionalidades em vez de repetir a implementação de recursos básicos.

Angular

Este framework oferece uma solução robusta para criar aplicações Web dinâmicas e escaláveis. Seus amplos recursos atendem às necessidades de desenvolvedores que buscam uma abordagem flexível, mas estruturada, para o desenvolvimento de aplicações.

dndkit

Um kit de ferramentas que permite aos desenvolvedores implementar facilmente a funcionalidade de arrastar e soltar em suas aplicações React.

Docusaurus

Um projeto que ajuda a criar sites de documentação com facilidade, com foco no conteúdo e na usabilidade.

Enhance

Esta solução aumenta a produtividade e o desempenho das aplicações ao permitir que os desenvolvedores aproveitem uma abordagem de desenvolvimento centrada em HTML, simplificando os processos de criação e implantação.

Hybrids

Esta estrutura permite que desenvolvedores criem aplicações e componentes Web eficientes e fáceis de manter usando uma combinação de técnicas de programação declarativa e funcional.