table

Auf der Suche nach Version 7 von react-table ? Klicken Sie hier!

Genießen Sie diese Bibliothek?

Probieren Sie andere Tanstack -Bibliotheken aus:

• Tanstack -Abfrage
• Tanstack -Tisch
• Tanstack Router
• Tanstack virtual
• Tanstack -Form
• Tanstack Ranger

Besuchen Sie TanStack.com/table für Dokumente, Führer, API und mehr!

Möglicherweise kennen Sie den TanStack -Tisch auch nach unseren Adapternamen!

• Winkeltabelle
• Beleuchteter Tisch
• QWIK -Tabelle
• Tisch reagieren
• Solider Tisch
• Schließende Tabelle
• VUE TABELLE

Zusammenfassung

TanStack Tisch ist eine kopflose Tischbibliothek, was bedeutet, dass er nicht mit Komponenten, Markup oder Stilen versendet wird. Dies bedeutet, dass Sie die volle Kontrolle über Markup und Stile (CSS, CSS-in-JS, UI-Komponentenbibliotheken usw.) haben, und dies gibt ihm auch seine tragbare Natur. Sie können es sogar in React Native verwenden!

Wenn Sie eine leichte Tabelle mit vollständiger Kontrolle über Markup und Implementierung wünschen, sollten Sie in Betracht ziehen, TanStack Table, eine kopflose Tischbibliothek , zu verwenden.

Wenn Sie eine konstruktive Komponenten-basierte Tabelle mit mehr Strom, aber mehr Einschränkungen für Markup/Styles/Implementierung wünschen, sollten Sie in Betracht ziehen, AG Grid, eine Komponenten-basierte Tabellenbibliothek aus unserem OSS-Partner-AG-Grid, zu verwenden.

TanStack Table und Ag Grid sind respektvoll die besten Tabellen-/Datagrid -Bibliotheken . Anstatt zu konkurrieren, arbeiten wir zusammen, um sicherzustellen, dass für das gesamte JS/TS-Ökosystem und jeder Anwendungsfall die höchste Qualitätstabelle/Datagrid-Optionen verfügbar sind.

Schnelle Funktionen

• Agnostischer Kern (JS/TS)
• Rahmenbindungen der 1. Klasse für React, Vue, Feststoff
• ~ 15 KB oder weniger (mit Baumschütteln)
• 100% Typenkript (aber nicht erforderlich)
• Kopflos (100% anpassbar, bring-your-own-ui)
• Automatisch aus der Box, einen steuerbaren Status für einen Opt-In-Zustand
• Filter (Spalte und global)
• Sortierung (Multi-Säulen, multidirektional)
• Gruppierung & Aggregation
• Dreharbeiten (bald kommen!)
• Zeilenauswahl
• Zeilenerweiterung
• Spalten -Sichtbarkeit/Bestellung/Pinning/Größenänderung
• Tischaufteilung
• Animatierbar
• Virtuell
• Server-/externes Datenmodellunterstützung

Migrieren aus React Tabelle V7

Bemerkenswerte Änderungen

• Vollständige Umschreibung in Typscript mit Typen, die im Basispaket enthalten sind
• Entfernen des Plugin -Systems, um eine stärkere Umkehrung der Steuerung zu bevorzugen
• Weitaus größere und verbesserte API (und neue Funktionen wie Pinning)
• Besser kontrollierter Staatsmanagement
• Bessere Unterstützung für serverseitige Operationen
• Vollständige (aber optionale) Datenpipeline -Steuerung
• Agnostischer Kern mit Rahmenadaptern für React, Solid, Sufle, Vue und möglicherweise mehr in der Zukunft
• Neue Entwicklerwerkzeuge

Migration

Es gibt eine ganze Menge brechen Veränderungen (sie haben es wert, vertrauen Sie uns!):

• Es stellt sich heraus, dass das Typenkript Ihren Code viel besser/sicherer macht, erfordert jedoch normalerweise auch Änderungen an der Architektur.
• Das Plugin -System wurde entfernt, sodass Plugins neu geschrieben werden müssen, um die neue funktionale API zu wickeln/zu komponieren. Kontaktieren Sie uns, wenn Sie Hilfe benötigen!
• Die Spaltenkonfigurationsoptionen haben sich geändert, jedoch nur geringfügig.
• Die Tabellenoptionen sind meistens gleich, mit einigen größeren Änderungen um optionale staatliche Verwaltung/Steuerung und Datenpipeline -Steuerung
• Die table , während ähnlich im Geist wie V7 neu konfiguriert wurde, um viel schneller zu sein.

Installation

Installieren Sie eines der folgenden Pakete basierend auf Ihrem Framework Ihrer Wahl:

 # Npm
npm install @tanstack/angular-table
npm install @tanstack/lit-table
npm install @tanstack/qwik-table
npm install @tanstack/react-table
npm install @tanstack/solid-table
npm install @tanstack/svelte-table
npm install @tanstack/vue-table
npm install @tanstack/table-core # vanilla js that can work with any framework 

Wie kann man helfen?

• Probieren Sie die bereits wanderten Beispiele aus
• Probieren Sie es in Ihren eigenen Projekten aus.
• Introspect die Typen! Auch ohne die Dokumente liefert die Bibliothek mit 100% Typenkript, um die Fähigkeiten zu erkunden.
• Lesen Sie die Beitragsrichtlinien
• Schreiben Sie ein paar Dokumente! Beginnen Sie mit den API -Dokumenten und fügen Sie einige Informationen zu einer oder mehreren Funktionen hinzu. Die Typen zeigen angemessen, um zu zeigen, was unterstützt wird und welche Fähigkeiten der Bibliothek.
• Mit einem Plugin? Schreiben Sie Ihr Plugin erneut um (V8 verfügt über kein Plugin -System mehr) als funktionale Wrapper, die die TanStack -Tabelle intern verwendet. Die neue API ist viel leistungsfähiger und leichter zu komponieren. Wenn Sie etwas finden, das Sie nicht herausfinden können, lassen Sie es uns wissen und wir werden es der API hinzufügen.

Sponsor werden