Zum Inhalt springen

TanStack Table ist eine fortschrittliche Headless-UI-Bibliothek, mit der Entwickler leistungsstarke Tabellen und Datagrids von Grund auf erstellen und dabei die volle Kontrolle über Markup und Stile behalten.

Die Bibliothek ist frameworkunabhängig und unterstützt wichtige Frontend-Frameworks wie React, Vue, Solid, Svelte und Lit.

Sie ist besonders leichtgewichtig und kommt nach dem Tree-Shaking typischerweise auf 10-15kb. Damit eignet sie sich für Anwendungen, bei denen Leistung entscheidend ist. Mit einer kleinen API-Oberfläche bietet sie umfangreiche Funktionen wie Sortierung, Filterung, Paginierung und die effiziente Verwaltung großer Datensätze.

Ein besonderes Merkmal von TanStack Table ist das Headless-Design: Entwickler können fast jeden Aspekt des UI der Tabelle anpassen, ohne durch vorgegebene Stile eingeschränkt zu sein. Diese Flexibilität ist ideal für Designer, die ihren eigenen Stil umsetzen und pixelgenaue Ergebnisse erzielen möchten.

TanStack Table ist erweiterbar und ermöglicht es, Standardwerte einfach zu überschreiben. Die Bibliothek kann serverseitige Daten und externe Quellen verarbeiten. Ihre leistungsstarken Funktionen bilden die Grundlage für komplexe Oberflächen und die Darstellung von Daten in Webanwendungen.

Funktionen

  • Schlank (10-15kb)
  • Tree-Shaking
  • Headless-Design
  • Zellenformatierer
  • Automatisch verwalteter interner Zustand
  • Option für vollständig kontrollierten Zustand
  • Sortierung
  • Mehrfachsortierung
  • Globale Filter
  • Spaltenfilter
  • Paginierung
  • Zeilengruppierung
  • Aggregation
  • Zeilenauswahl
  • Zeilenerweiterung
  • Spaltenreihenfolge
  • Spaltensichtbarkeit
  • Spaltengröße anpassen
  • Virtuelle Darstellung möglich
  • Serverseitige/externe Daten
  • Verschachtelte/gruppierte Kopfzeilen
  • Fußzeilen

Ähnliche Einträge

Next.js

Eine leistungsstarke Lösung zum Erstellen asynchroner, dynamischer Webanwendungen mit zahlreichen Funktionen, die die Produktivität von Entwicklern steigern.

Preact

Eine schnelle Alternative zu React mit modernen Funktionen und minimalem Platzbedarf für effiziente Web-Entwicklung.

Refine

Dieses leistungsstarke React-Framework vereinfacht die Erstellung interner Werkzeuge und Verwaltungs-Dashboards. So können Entwickler sich auf neue Funktionen konzentrieren, statt grundlegende Funktionen immer wieder zu programmieren.

Angular

Dieses Framework bietet eine leistungsstarke Lösung für die Entwicklung dynamischer und skalierbarer Webanwendungen. Sein umfangreicher Funktionsumfang richtet sich an Entwickler, die einen flexiblen und zugleich strukturierten Ansatz für die Anwendungsentwicklung suchen.

dndkit

Ein Toolkit, mit dem Entwickler Drag-and-drop-Funktionen ganz einfach in ihre React-Anwendungen integrieren können.

Docusaurus

Ein Projekt, mit dem du mühelos Dokumentationswebsites erstellen kannst und dich ganz auf Inhalte und Benutzerfreundlichkeit konzentrierst.

Enhance

Diese Lösung steigert die Produktivität und Anwendungsleistung, indem sie Entwickler einen HTML-zentrierten Entwicklungsansatz nutzen lässt und so sowohl das Erstellen als auch das Bereitstellen vereinfacht.

Hybrids

Dieses Framework unterstützt Entwickler dabei, mit deklarativen und funktionalen Programmiertechniken effiziente, wartbare Webanwendungen und Komponenten zu erstellen.