TanStack

TanStack is a community of passionate software engineers striving for high-quality, open-source software for web devs

Join

TanStack

TanStack is a community of passionate software engineers striving for high-quality, open-source software for web devs

Join

react-query-questions

solid-query-questions

table-questions

virtual-questions

router-questions

react-charts-questions

ranger-questions

vue-query-questions

svelte-query-questions

bling-questions

form-questions

angular-query-questions

start-questions

db-questions

start-showcase

router-showcase

📣-announcements

xenial-black

11/18/2025

How to toggle column group visibility?

https://github.com/TanStack/table/issues/5497

fair-rose

11/12/2025

How to trigger global filtering re‑evaluation when column enableGlobalFilter flags change?

I’m using TanStack Table with a global filter and per‑column flags (enableGlobalFilter). In my setup, users can toggle which columns participate in global filtering via checkboxes (see screenshot). When a column’s enableGlobalFilter is toggled, the change correctly updates the column definition and is reflected in table.getColumn(id)?.getCanGlobalFilter(). However, the table’s displayed results don’t update until I modify the global filter text itself....

rare-sapphire

11/7/2025

Extending ColumnDef<T> to include extra data

I'd like to be able to extend ColumnDef to allow my wrapper to essentially provide a dataType property, that I can use in my default column renderer, so I could concievably do something like ```tsx const columns:SomeColumnDef<T>[] = [ { //......

afraid-scarlet

11/3/2025

tanstack table | how can i make one cell update other cells in the same row

hi so i'm trying to figure out how to make one cell's changes affect other cells in the same row with tanstack table, basically i have a SiteSelect component that lets users pick a site, and when they change it, i need the method column in that same row to update too. any examples of code u could share? that would be great since im not too good with these sorts of things, i have other stuff but i want a more general kind of e.g. so i can use it for other use cases too like say i have a drawer i change a value in that component and it also reflects to that row e.g. i can edit the domain in that drawer and it will edit it in the row, cheers ```js export const columns = [ { id: 'domain',...

adverse-sapphire

11/3/2025

Tanstack DB with Tanstack Table

TanStack Table + DB: Best pattern for EAV schema with dynamic columns? Building an Airtable clone where users create custom tables with dynamic columns. Schema: tables → columns → rows → cells (EAV pattern) ...

quickest-silver

10/30/2025

Are there any prerequisites for enabling enableHiding?

Hello. I'm using Tanstack Table very well and appreciate your efforts. I was reviewing the docs and had a question, so I'm posting it here. ...

ambitious-aqua

10/21/2025

createRawSnippet for cell turns string into object?

i am using tanstack table and made a utility for creating snippets for rendering table cell content. When i pass a string into the renderSnippet call and get it out in the createRawSnippet call it doesnt return a string anymore but an object where each indicie of the string is a numeric key in the object? Example:...

rising-crimson

10/21/2025

Memory Leak

Not sure if this is the right place to put it but I seem to be getting a memory leak somewhere after trying to follow https://github.com/walker-tx/svelte5-tanstack-table-reference/tree/main to get tanstack working with Svelte 5. I'm pretty new to web development (I mostly do backend/cloud work) so not sure where to start with how to debug this.

afraid-scarlet

10/20/2025

tanstack table | how do i render <CompA>getValue()</CompA>

im used to rendering like ```js { id: 'Rank', header: 'Rank',...

flat-fuchsia

10/8/2025

prevent crash with large data set (~2 mil entries)

I'm trying to get a virtualized table to work with a data set of around 2mil entries, but as soon as table.getRowModel() gets called the tab crashed. Now i was wondering if there is a approach that would work in my case, or any other suggestions. repro: https://stackblitz.com/edit/tanstack-table-fcnlfz7l?file=src%2Fmain.tsx (example from the docs with data size increased to 2mil)...

xenial-black

10/4/2025

custom row selection state

hey. is there any way to get the whole row data object for the selected row in row selection state? row selection state defaults to index of the row or we can change it to row._id. But i want to get the row selection state just like how AG-Grid returns it, that is, array of objects, where objects correspond to the row data for each selected row.

stormy-gold

10/3/2025

React Compiler Compatibility

I wonder why tanstack table is not compatible with react compiler

continuing-cyan

9/25/2025

Server-side Pagination

I have the following setup at this moment ```ts // Async component to load data ...

crude-lavender

9/15/2025

🤔 Architecture Question: Using React Table for non-table filtering?

I'm building an analytics page with multiple charts and graphs, and I need global filters that apply to all visualizations (date ranges, status filters, custom fields, etc.). I'm inclined to use Tanstack Table, but would like your input. Here's the context: - Already using @tanstack/react-table extensively for our main data table - Have a sophisticated filtering system with URL state sync, custom field support, and reusable filter components...

complex-teal

9/12/2025

Sveltekit tanstacktable sizing

Would like to ask about svelte implementation of tanstack. I can't set columns to specific width nor can I implement user column resizing. Is this just not ported to svelte implementation?

fascinating-indigo

8/30/2025

Race condition when updating table data

Hi! I have a rather basic shadcn styled table that shows info from a database. Before the table is a dropdown to select an infoset. The data itself works well, editing works, pushing changes to the server works too. But showing info only works initially. When I show table and want to select a different dataset, it fetches it and then sets a useState variable which holds the shown data. But it just does not re render for some reason. ...

absent-sapphire

8/28/2025

Override table.defaultColumn’s custom cell renderer at the column-definition level.

I have a table to which I pass a defaultColumn option with a default cell render. In this simplified example I'm just making it so that each value is rendered as a red div. But then, in certain cases, I want to wrap this default cell render with my own component to extend it. But I can't figure out a clean and good way to do this. Essentially what I want to achieve is this: ```tsx...

national-gold

8/7/2025

Row expanding with different data set

Does tanstack table support row expanding feature were the child rows are of different type than the parent type ? Something like a nested table within each row ,,

fair-rose

8/4/2025

Why does `useReactTable` need `columns` and `data` to be mutable?

I was trying to use tanstack table for the first time, and my API is typed as deeply readonly, and I'm surprised tanstack table seems to require "write permissions" on the data and columns arrays ```ts const { data } = useQuery(...) // ^? readonly Foo[] useReactTable({...

optimistic-gold

7/30/2025

Column Filtering: when column is an array?

Example Data: ```ts export const data: TeamMember[] = [ {...

Gaming

Programming

TanStack

TanStack is a community of passionate software engineers striving for high-quality, open-source software for web devs

TanStack

TanStack is a community of passionate software engineers striving for high-quality, open-source software for web devs