Installation

Bevor wir uns mit der API befassen, richten wir Sie ein!

Installieren Sie Ihren Tabellenadapter als Abhängigkeit mit Ihrem bevorzugten npm-Paketmanager.

Installieren Sie NUR EINES der folgenden Pakete

npm install @tanstack/react-table

npm install @tanstack/react-table

Das Paket @tanstack/react-table funktioniert mit React 16.8, React 17, React 18 und React 19.

HINWEIS: Obwohl der React-Adapter mit React 19 funktioniert, funktioniert er möglicherweise nicht mit dem neuen React Compiler, der zusammen mit React 19 veröffentlicht wird. Dies wird möglicherweise in zukünftigen TanStack Table-Updates behoben.

npm install @tanstack/vue-table

npm install @tanstack/vue-table

Das Paket @tanstack/vue-table funktioniert mit Vue 3.

npm install @tanstack/solid-table

npm install @tanstack/solid-table

Das Paket @tanstack/solid-table funktioniert mit Solid-JS 1

npm install @tanstack/svelte-table

npm install @tanstack/svelte-table

Das Paket @tanstack/svelte-table funktioniert mit Svelte 3 und Svelte 4.

HINWEIS: Es gibt noch keinen integrierten Svelte 5-Adapter, aber Sie können TanStack Table weiterhin mit Svelte 5 verwenden, indem Sie das Paket @tanstack/table-core installieren und einen benutzerdefinierten Adapter aus der Community verwenden. Sehen Sie sich diesen PR als Inspiration an.

npm install @tanstack/qwik-table

npm install @tanstack/qwik-table

Das Paket @tanstack/qwik-table funktioniert mit Qwik 1.

HINWEIS: In naher Zukunft wird es eine "Breaking Change"-Version zur Unterstützung von Qwik 2 geben. Diese wird als Minor-Version veröffentlicht, aber dokumentiert. Qwik 2 selbst wird keine Breaking Changes haben, aber sein Name im npm-Repository wird sich ändern und andere Peer-Abhängigkeiten erfordern.

HINWEIS: Der aktuelle Qwik-Adapter funktioniert nur mit CSR. Weitere Verbesserungen sind möglicherweise erst in einer zukünftigen Tabellenversion verfügbar.

npm install @tanstack/angular-table

npm install @tanstack/angular-table

Das Paket @tanstack/angular-table funktioniert mit Angular 17. Der Angular-Adapter verwendet eine neue Angular Signal-Implementierung.

npm install @tanstack/lit-table

npm install @tanstack/lit-table

Das Paket @tanstack/lit-table funktioniert mit Lit 3.

npm install @tanstack/table-core

npm install @tanstack/table-core

Sehen Sie Ihr bevorzugtes Framework (oder Ihre bevorzugte Version Ihres Frameworks) nicht aufgelistet? Sie können immer das Paket @tanstack/table-core verwenden und Ihren eigenen Adapter in Ihrer Codebasis erstellen. Normalerweise ist nur ein dünner Wrapper erforderlich, um den Status und das Rendering für Ihr spezifisches Framework zu verwalten. Durchsuchen Sie den Quellcode aller anderen Adapter, um zu sehen, wie sie funktionieren.