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/7/2022

Simple tanstack table example with (faker.js data) returns Cannot read properties of undefined

So I'm following the example from: https://tanstack.com/table/v8/docs/examples/svelte/sorting with a few alternations, mainly instead of Person I'm using my own fake data. I load it in via: ```...

relaxed-coral

11/4/2022

Dot Notation accessor

If adding a dot notation as the accessor, if the first object is able to be null, it throws an error for getValue(). Is the only way for this to work by using accessorFn and then declaring an id?

harsh-harlequin

11/3/2022

Cell selection

Hi, I know currently there is no cell selection API in tanstack table. Is there any chance that we could implement the functionality by ourself and extend it into the existing table instance?

correct-apricot

11/2/2022

React-table multi filter

Hi everyone. How can I filter a column by multiple values instead of just one as setFilterValue does?

metropolitan-bronze

11/2/2022

React-Table and React-Virtual Dynamic Height

Hello Any idea how i can handle virtual Table with dynamic height without flickering ? Thank you...

adverse-sapphire

11/2/2022

double row selection list

Is there a way in react-table v7 to have a secondary row selection ? e.g. one column to select for purpose1 and one column to select for purpose2 I can't figure out a way to implement that without having huge performance issues...

itchy-amethyst

11/2/2022

Typescript issues

I have this props: `interface TableProps { columns: { title: string;...

rising-crimson

11/1/2022

globalFilter that can apply to specific columns

Hi there! I have a feature where I can have the global filter apply to all columns, or narrow it down to specific columns. Was wondering what the best approach would be for implementing this? For example, if I had this table: ```...

environmental-rose

11/1/2022

Scroll row into view

Is there a way to scroll into a view a specific row? I have a table with many rows and no pagination and want a way to point people to a particular row, much like you can scroll to a line of code in GitHub using URL query string parameters

provincial-silver

11/1/2022

Custom rendering of a cell on V7

I'd like to render a cell differently depending on view width and also add a tooltip to it. I am having a hard time finding the solution to this. Thanks for any help

extended-salmon

11/1/2022

toggle editable

I follow the tanstack example to make editable field, but after using the "cell" to style it but the editable input didn't show up... please help SOQcolumnHelper.accessor((data) => data.item_desc, { header: () => 'item', id: 'item_desc',...

afraid-scarlet

10/28/2022

filterFn in column definition not being called

I have a column definition that looks like this: ```ts columnHelper.accessor("type", { header: t("type-grid-column-header", "Type"),...

exotic-emerald

10/28/2022

issue with estimateSize

Anyone knows how best to set estimateSize. I have dynamic tables which row sizes are widely different and do not know before hand. Setting estimateSize small works for one but to the other and vice versa. By not working here I meant scrolling display the row wrong. Can any one help? I used a similar implementation in v2 (which does not require estimateSize) and it works....

generous-apricot

10/27/2022

React filter null value in column

hello i'm on react-table v8 i am trying to figure out how to filter out (or the opposite) null values in a specifique column. I switch mode with a button in the header....

robust-apricot

10/24/2022

React table value-based styling

I may be confused but it seems to me that in the former react-table v7 version, we used to have more control on the way the rows would be rendered. In the attached screenshot (codesandbox https://codesandbox.io/s/ancient-frog-rsx361), I'd rather have the styling set at the <td/> level, not its child (so that padding would look cleaner). What's the right approach for this with v8 ? Old version (<td/> would get its own cell-value-based styling getColumnProps + getCellProps) ...

dependent-tan

10/19/2022

Typechecking overwritten ColumnMeta

I have extended the ColumnMeta type as described in https://tanstack.com/table/v8/docs/api/core/column-def#meta, which seems to give me correct autocompletion and typechecking when using column defs, but not when creating them. See: https://codesandbox.io/s/react-table-v8-forked-j74p00?file=/src/columns.tsx In this codesandbox, I have overwritten the types in extend-table-core.ts, and am creating a column definition using columnHelper in columns.tsx....

yappiest-sapphire

10/19/2022

Passing prop for action button on table cell

i know i can render a component as cell by returning the component on cell option inside ColumnDef, but how to pass the props into those component?

fascinating-indigo

10/17/2022

Filtering array of objects

Hello, I currently have a react table v8 with some columns with elements that have arrays of objects. In addition to filtering some of the columns with one object, I need to filter objects of the columns with arrays of objects (filter the objects, not the row). What is the best way to go about doing this?...

exotic-emerald

10/15/2022

react table v8 and react-virtual 3.0

is react-table v8 working with react-virtual 3.0. I could not find any example. thanks.

genetic-orange

10/15/2022

Multiple Values in 1 cell

Hi guys, I need to map array of objects and render multiple values in one cell. The only way is to access props.row.original with needed array and iterate it? Like props.row.data.map(el => <span>{el.name}</span>) or there is something else?

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