Aller au contenu

TanStack Table est une bibliothèque headless UI avancée qui permet aux développeurs de créer des tableaux et des grilles de données puissants de zéro, tout en gardant un contrôle total sur le balisage et les styles.

Indépendante des frameworks, elle prend en charge les principaux frameworks front-end, dont React, Vue, Solid, Svelte et Lit.

Légère, elle ne pèse généralement que 10 à 15 ko après l’élimination du code inutilisé par le tree shaking, ce qui la rend adaptée aux applications où les performances sont essentielles. Avec une faible surface d’API, elle propose des fonctionnalités robustes : tri, filtrage, pagination et gestion efficace de grands ensembles de données.

L’un des principaux atouts de TanStack Table est sa conception headless : les développeurs peuvent personnaliser presque tous les aspects de la UI sans être limités par des styles prédéfinis. Cette flexibilité convient parfaitement aux designers qui souhaitent appliquer leur propre esthétique et obtenir des résultats au pixel près.

Extensible, TanStack Table permet de remplacer facilement les paramètres par défaut et de gérer des données côté serveur ainsi que des sources externes. Ses puissantes fonctionnalités permettent de créer des interfaces complexes : elle constitue une base solide pour représenter les données dans les applications web.

Fonctionnalités

  • Léger (10-15kb)
  • Tree-shaking
  • Conception headless
  • Formatage des cellules
  • État interne géré automatiquement
  • Option d’état entièrement contrôlé
  • Tri
  • Tri multiple
  • Filtres globaux
  • Filtres par colonne
  • Pagination
  • Regroupement des lignes
  • Agrégation
  • Sélection des lignes
  • Développement des lignes
  • Réorganisation des colonnes
  • Visibilité des colonnes
  • Redimensionnement des colonnes
  • Compatible avec la virtualisation
  • Données côté serveur ou externes
  • En-têtes imbriqués ou groupés
  • Pieds de tableau

Éléments associés

Next.js

Une solution complète pour créer des applications web asynchrones et dynamiques, avec de nombreuses fonctionnalités qui améliorent la productivité des développeurs.

Preact

Une alternative rapide à React qui conserve des fonctionnalités modernes et une empreinte minimale pour un développement web efficace.

Refine

Ce puissant framework React simplifie la création d’outils internes et de tableaux de bord d’administration. Les développeurs peuvent ainsi se concentrer sur les fonctionnalités plutôt que de recoder sans cesse les fonctions de base.

Angular

Ce framework offre une solution robuste pour créer des applications web à la fois dynamiques et évolutives. Ses nombreuses fonctionnalités répondent aux besoins des développeurs qui recherchent une approche flexible, mais structurée, du développement d’applications.

dndkit

Une boîte à outils qui permet aux développeurs d’intégrer facilement la fonctionnalité glisser-déposer dans leurs applications React.

Docusaurus

Un projet qui facilite la création de sites de documentation en mettant l’accent sur le contenu et la facilité d’utilisation.

Enhance

Cette solution améliore la productivité et les performances des applications en permettant aux développeurs d’adopter une approche de développement axée sur HTML, ce qui simplifie la création et le déploiement.

Hybrids

Ce framework permet aux développeurs de créer des applications et des composants web efficaces et faciles à maintenir en combinant les approches de programmation déclarative et fonctionnelle.