Tanstack Table v8 + Svelte 5
A reference for making awesome tables using TanStack Table and Svelte 5. Right now.
GitHub RepositoryOverview
The @tanstack/table-svelte adapter doesn't support Svelte 5 because it uses the svelte/internal package, which is being deprecated. TanStack Table's official Svelte
5 adapter is slated to be released alongside TanStack Table v9, which is still in alpha. As a result,
the core library is in a state of flux, and the Svelte adapter is not yet stable.
This site, and its repository on GitHub, were made to be a
reference to help developers implement their own adapter for TanStack Table v8 (which is stable)
and Svelte 5. Thus, isolating your work from any volatility in the alpha branch of the
core library.
Treat this reference as a cookbook, full of recipes.
Project Setup
To get started, you'll need to install the core library and the Svelte adapter. You can do this by running the following command:
pnpm i -D @tanstack/table-coreThen, you'll need to copy the contents of the src/lib/table directory into your project
directory.
You can find those files here, or grab a zip of that directory by clicking here.
Now, you can get cooking!
Examples
| Title | Demo | GitHub |
|---|---|---|
| Basic Table | Link to Demo | Link to GitHub |
| Grid View | Link to Demo | Link to GitHub |
| Rendering Snippets | Link to Demo | Link to GitHub |
| Rendering Components | Link to Demo | Link to GitHub |
| Reactive Data | Link to Demo | Link to GitHub |
| Row Selection | Link to Demo | Link to GitHub |
| Row Expansion | Link to Demo | Link to GitHub |
Questions you may have
Why not just use the alpha (v9) branch?
TanStack Table v9 is currently under development - it's in alpha. It changes very frequently, and therefore breaks very frequently. While things are so volatile, maintainers and contributors can't be expected to support it.
This volatility applies to both @tanstack/table-core and @tanstack/table-svelte.
How can I share feedback, or get help?
Submit an issue on GitHub if you'd like to share some feedback or need help. All feedback will help in the maintenance of this project, in addition to the development of the official TanStack Table adapter for Svelte 5.
Also, please DO NOT submit an issue that you have with this project on the official TanStack Table repository. ONLY submit an issue there if you're sure that it's a problem with the core library, and not this project or your own implementation.