TanStack

T

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

other-emerald
other-emerald
View on Discord
2/21/2024

Setting proper row id

I'm using react-table and I've set row number using row.id/row.index and after sorting row numbers get's messed up. How can I deal with it?
No description
wise-white
wise-white
View on Discord
2/21/2024

Row DnD + column visibility

Using the row dnd example, I tried adding the column visibility example code to the table. When toggling the drag handle on and off, it makes the drag handle not work. Anyone have any experience with this? Alternatively I can disable dragging on SortableContext and drag the entire row, but I would greatly prefer to use a drag handle....
national-gold
national-gold
View on Discord
2/17/2024

using hooks in columndef

This is a snippet of my columndef, it is the last column. ```jsx { id: "actions", cell: ({ row }) => {...
fascinating-indigo
fascinating-indigo
View on Discord
2/17/2024

How to add new empty row in table?

How to add new empty row in table?
hilarious-sapphire
hilarious-sapphire
View on Discord
2/16/2024

how to group rows for this design?

I have this design with a row which groups people under a country. is that possible? Country will be like an empty line. They seems more subrows more than grouping but idk how to achieve this. there is only one header that refers to rows under the organization...
No description
like-gold
like-gold
View on Discord
2/15/2024

onScroll handler

Is there any onScroll handler in the tanstack table for react?? If so, can anyone explain....
correct-apricot
correct-apricot
View on Discord
2/14/2024

What would be the filtered rows if the globalFilter was unset?

Hello! I am using both type of filtering: globalFIlter and filtersColumn. I cannot find a way to calculate their contribution to the final result separately. To be more precise I know the globalFilter contribution by using getGlobalFacetedRowModel but I'd also like to know what would be the final result if globalFIlter was empty, that is only considering filtersColumn...
like-gold
like-gold
View on Discord
2/14/2024

Tailwind Responsive Tables (and how does flexRender work?)

Hi guys, so i feel like this is a pretty simple question in my ColDef i can create headers and cells with a responsive tag: ...
No description
fair-rose
fair-rose
View on Discord
2/13/2024

Dynamically change the header of a column

Is there a way to dynamicaly change the header of a column? For example, if I pass a boolean of true, I want to render a 'True' for the header, and if its false, I want to render 'False'...
extended-salmon
extended-salmon
View on Discord
2/12/2024

Sorter gets stuck on columns with number value

Sorting works fine for string values but when I want to have a column with numbers it goes desc, asc, asc, asc, asc, asc......idk what is the difference. It shouldn't be doing anything with the number value, but the whole column... Its not that big of a deal with number values cause i can just do .toString() but I have some custom columns that cannot be "fixed" this way. Any ideas why this is happening?...
No description
conscious-sapphire
conscious-sapphire
View on Discord
2/9/2024

different type for subRows

I came across this (unresolved) gh discussion with a couple of folks all running into a similar scenario as i currently am. Whats the move when the type being passed to getSubRows doesn't match the original exactly ? I'n my case the subRow is basically is just a subset of the original columns....
ambitious-aqua
ambitious-aqua
View on Discord
2/8/2024

Help with TanStack Table virtualized rows and expandable

Hello, I am doing a table with virtualized rows and an expandable section, inside the expandable I'm creating a new table with some Data, I need a way to update the TBODY height when expanded and make the expanded section look aligned with the rest of the rows but i can't figure out how, heres a codesanbox with the code and some screenshots. Thanks SANDBOX...
No description
genetic-orange
genetic-orange
View on Discord
2/5/2024

React Table virtualization

Does react table have built in virtualization? Or do I need to use react virtual if I have any virtualization needs?
rising-crimson
rising-crimson
View on Discord
2/5/2024

Help with TanStack Table onRowClick

Hey TanStack Community, is there a way I can do <TanStackTable onRowClick={rowData => callSomeFunction(rowData.id, rowData.name)}...
national-gold
national-gold
View on Discord
2/2/2024

Filter Reset

Can I detect when a filter has been reset via 
table.resetColumnFilters()
table.resetColumnFilters()
This is my ColumnDef ```{ accessorKey: "depot", filterFn: (...
stormy-gold
stormy-gold
View on Discord
2/2/2024

Get state on cell object

Hi Is there a way to get specific state declared inside useReactTable() from cell object ? currently i have only access to CellContect...
stormy-gold
stormy-gold
View on Discord
1/31/2024

I want to know more about the logic that automatically filters

I am understanding the functions to use the react-table I want to know which function is built-in and which function should be customized first. Where can I see the standard operation of FilterValue, which is assumed to be basically in the column ...
national-gold
national-gold
View on Discord
1/31/2024

Example provided for row and column virtualized, doesn't work for grouped column

https://tanstack.com/table/v8/docs/framework/react/examples/virtualized-columns
rival-black
rival-black
View on Discord
1/30/2024

[Solved] No rows rendered via testing-library/react

``` mantine-react-table 2.0.0-alpha.11 ā”œā”€ā”€ @tanstack/match-sorter-utils 8.11.3 ā”œā”€ā”€ @tanstack/react-table 8.11.6 ā”œā”€ā”€ @tanstack/react-virtual 3.0.2...
robust-apricot
robust-apricot
View on Discord
1/29/2024

Dynamic Table Component

Folks, is it possible to create a dynamic component where I'd just send the props needed? I think I'm stuck on Typescript more than the table itself but might be a limitation there? Maybe something as the screenshots? It will be easier to understand I've got like 4-5 places where we'll be using the table and I wanted to keep most of the functionality and styles, but changing the data only. Also, I'm open to any suggestions...
No description
PreviousNext