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

jolly-crimson

1/5/2023

How to pass custom data to a row object in react table?

Hi all! I have a question: Is it possible to pass custom data to a row object in react table? And how can i do it?

vicious-gold

1/5/2023

How to implement TanStack table using API in react?

hello, I'm new in tanstack table! I can't understand the flow of this table! Can anybody tell me that, how can i implement tanstack table using an API? my goal is: I'll collect data from api and then according that api I'll show data using a tanstack table!...

xenial-black

1/5/2023

Is it possible to configure NoDataComponent on V8?

This is an option with V6 API, I want to do the same thing with V8 - is it still possible? If not, what's the recommended way of doing it?

like-gold

1/4/2023

getCanSort() returning false

I have a simple table built by passing in a data and column object from json data to useReactTable in the TableWidget.js file there are two // todo - ... comments outlining issues I'm having the first and main one being that I am unable to sort any of the columns as canGetSort is retunring false ...

noble-gold

1/4/2023

Transpose column and row

Hey guys is that possible to transpose column and row as i would like to view the data as column and row as the key .

fascinating-indigo

1/3/2023

How to get total size for table when paginated?

Hello, Does anybody know how I can get the total row-count for a paginated table from the table object? If i call:...

other-emerald

1/2/2023

How to calculate a cell value that depends on other cells in the same row that are populated async?

I have a table who's cell values are calculated asynchronously. Each cell has a component which takes cares of fetching the correct data based on the accessor key. I'm now trying to add in other columns which don't do anything other than take some of those cell values and do some math on them, for example: There is a budget and a revenue column who's render value gets populated asynchronously. I want to add in a "ROI" column that should display the result of (row.revenue / row.budget) * 100. I'v...

fascinating-indigo

12/28/2022

Integrate Tanstack table with array of array

Hi everyone. I got a type error when I tried to implement a table with an array of array data. The typescript error message is as follows: ``` Type 'Bids' is not assignable to type 'Bids[]'. Type 'number[]' is not assignable to type 'Bids'....

eastern-cyan

12/27/2022

columns from array of users

if i have a data structure like this: ```ts type Data = { name: string, users: User[], }...

extended-salmon

12/27/2022

Svelte Table

Hey everyone I have some questions for working with Svelte I am trying to do onMount and fetch the data back and use the data as defaultData, but I couldn't make sure the createSvelteTable runs until data is ready. Is there any way I could make sure my data is ready before running createSvelteTable? thanks in advance...

like-gold

12/27/2022

Global search in Row Example not working

Does anybody know why the Global Search is not working for the Row Example?

like-gold

12/26/2022

Why isn't the Global Filters accurate?

As you can see in the image, entries that don't contain the search words are returned

other-emerald

12/24/2022

Row DnD on Mobile devices

So I was wondering if it is possible to make the Row DnD work on mobile devices? I currently have a similar implementation as is in the example, but when I switched to test it on mobile I noticed dragging does not work. Then I tried the example and I saw it does not work there either? Anyone got an idea to make it work on mobile devices, as the desktop implementation does work perfect for what I want!...

deep-jade

12/24/2022

How can I prevent refetching

Hi guys I am using the tanstack with trpc but currently it refetches if I revisit the page, is there a way to prevent that? Currently fetching like this: ```ts ...

sensitive-blue

12/24/2022

How to use colspan or something like that?

Is there a way to use colspan? Or use column group but with only one header? Doc example: https://tanstack.com/table/v8/docs/examples/react/column-groups...

sensitive-blue

12/23/2022

Why does table reference not change, when data passed to useReactTable changes?

``` const table = useReactTable({ data, columns }); return ( <TableBody table={table} />; //<-- this is React component wrapped in memo() );...

flat-fuchsia

12/21/2022

Urgent Need help with production build

Hello, everyone! I have a nx monorepo with next.js app and some react libs. I am using react-table v8 in my app. it's working fine in development but in production it is giving this error. I am sure it's due to react-table. Can anyone please help with this. next.js version 13.0.0 @tanstack/react-table version 8.7.4...

afraid-scarlet

12/21/2022

column size auto

how to set column to get all available space?

like-gold

12/21/2022

Is it possible to create Columns without Data?

I want to use empty columns where I can put actions relating to the row like "VIEW" and "DELETE". I also want to ensure the useReactTable() model captures these empty columns because I want to be able to change the visibility of these columns programmatically using state and onColumnVisibilityChange

fascinating-indigo

12/20/2022

vue-table how to add sub components

I'm using vue-table and I'm struggling to see how I can pass custom components into the table cells like they do here in this react example https://tanstack.com/table/v8/docs/examples/react/sub-components I basically want to have an action button in one of the cells. How do I manage that with vue3?...

Previous Next

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