Instalación
Antes de sumergirnos en la API, ¡vamos a prepararte!
Instala tu adaptador de tabla como una dependencia usando tu gestor de paquetes npm favorito.
Instala SOLO UNO de los siguientes paquetes:
React Table
npm install @tanstack/react-table
El paquete @tanstack/react-table funciona con React 16.8, React 17, React 18 y React 19.
NOTA: Aunque el adaptador de React funciona con React 19, puede que no funcione con el nuevo React Compiler que saldrá junto con React 19. Esto podría solucionarse en futuras actualizaciones de TanStack Table.
Vue Table
npm install @tanstack/vue-table
El paquete @tanstack/vue-table funciona con Vue 3.
Solid Table
npm install @tanstack/solid-table
El paquete @tanstack/solid-table funciona con Solid-JS 1
Svelte Table
npm install @tanstack/svelte-table
El paquete @tanstack/svelte-table funciona con Svelte 3 y Svelte 4.
NOTA: Todavía no hay un adaptador integrado para Svelte 5, pero puedes seguir usando TanStack Table con Svelte 5 instalando el paquete
@tanstack/table-corey utilizando un adaptador personalizado de la comunidad. Consulta esta PR para inspirarte.
Qwik Table
npm install @tanstack/qwik-table
El paquete @tanstack/qwik-table funciona con Qwik 1.
NOTA: Habrá una versión con "cambios importantes" (breaking change) en un futuro cercano para soportar Qwik 2. Esta se lanzará como una actualización de versión menor, pero será documentada. Qwik 2 en sí no tendrá cambios importantes, pero su nombre en el npm registry cambiará y requerirá dependencias peer diferentes.
NOTA: El adaptador actual de Qwik solo funciona con CSR. Es posible que no haya más mejoras disponibles hasta una futura versión de la tabla.
Angular Table
npm install @tanstack/angular-table
El paquete @tanstack/angular-table funciona con Angular 17. El adaptador de Angular utiliza una nueva implementación de Angular Signal.
Lit Table
npm install @tanstack/lit-table
El paquete @tanstack/lit-table funciona con Lit 3.
Table Core (sin framework)
npm install @tanstack/table-core
¿No ves tu framework favorito (o la versión favorita de tu framework) en la lista? Siempre puedes usar el paquete @tanstack/table-core y construir tu propio adaptador en tu propio código base. Normalmente, solo se necesita un envoltorio ligero para gestionar el estado y el renderizado para tu framework específico. Explora el código fuente de todos los demás adaptadores para ver cómo funcionan.