Übersicht

Der Kern von TanStack Table ist framework-unabhängig, was bedeutet, dass seine API unabhängig vom verwendeten Framework gleich ist. Adapter werden bereitgestellt, um die Arbeit mit dem Tabellenkern zu erleichtern, je nach Ihrem Framework. Die verfügbaren Adapter finden Sie im Menü "Adapter".

Obwohl TanStack Table in TypeScript geschrieben ist, ist die Verwendung von TypeScript in Ihrer Anwendung optional (wird aber empfohlen, da es sowohl für Sie als auch für Ihre Codebasis herausragende Vorteile bietet).

Wie bereits im Abschnitt Einleitung ausführlich erwähnt, ist TanStack Table headless. Das bedeutet, dass es keine DOM-Elemente rendert und sich stattdessen auf Sie, den UI/UX-Entwickler, verlässt, um das Markup und die Stile der Tabelle bereitzustellen. Dies ist eine großartige Möglichkeit, eine Tabelle zu erstellen, die in jedem UI-Framework verwendet werden kann, einschließlich React, Vue, Solid, Svelte, Qwik und sogar JS-zu-Native-Plattformen wie React Native!

Der Tabellenkern verwendet die folgenden Abstraktionen, die üblicherweise von Adaptern bereitgestellt werden

• Spaltendefinitionen
  • Objekte zur Konfiguration einer Spalte und ihres Datenmodells, Anzeige-Templates und mehr
• Tabelle
  • Das Kern-Tabellenobjekt, das sowohl Status als auch API enthält
• Tabellendaten
  • Das Kern-Datenarray, das Sie der Tabelle bereitstellen
• Spalten
  • Jede Spalte spiegelt ihre jeweilige Spaltendefinition wider und bietet außerdem spaltenspezifische APIs
• Zeilen
  • Jede Zeile spiegelt ihre jeweilige Zeilendaten wider und bietet zeilenspezifische APIs
• Kopfzeilengruppen
  • Gruppen von Kopfzeilen sind berechnete Ausschnitte von verschachtelten Kopfzeilen-Ebenen, die jeweils eine Gruppe von Kopfzeilen enthalten
• Kopfzeilen
  • Jede Kopfzeile ist entweder direkt mit ihrer Spaltendefinition verknüpft oder von ihr abgeleitet und bietet kopfzeilenspezifische APIs
• Zellen
  • Jede Zelle spiegelt ihren jeweiligen Zeilen-Spalten-Schnittpunkt wider und bietet zellenspezifische APIs

Es gibt noch weitere Strukturen, die sich auf bestimmte Funktionen wie Filtern, Sortieren, Gruppieren usw. beziehen und die Sie im Abschnitt Features finden können.