React Table v7 - Expanded rows

Hello,

I have implemented expandable rows in my react component with 2 levels nesting; something along the lines of

rounds > groups > matches

rounds > groups > matches

So what i ended up having is a table rendering rows of individual

rounds

rounds

, and whenever i click one it will expand and a row of the relevant

group

group

will show up and so on

Let's say i am already at the

match

match

row level; The way i'm capturing its id is by doing as follows:

row.original.id

row.original.id

- What i would also like to do is capture its parent rows ids, in which case it's the relevant

group

group

and

round

round

id. How do i that?

Thanks in advance~

TanStack•4y ago•

2 replies

awake-maroon