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



5 Replies
exotic-emerald•2y ago
Have you checked the original example for expanding subcomponents? I think it does some logic based off row depth, etc.
It might help.
equal-aquaOP•2y ago
Thanks a lot that helped me what I did was just appliying a transform on Y to virtualrow.end and that aligned all correctly
broad-brown•2y ago
This is actually a somewhat tricky problem that took me over a year to finally get around to solving myself inside of Material React Table
fascinating-indigo•12mo ago
I’m trying to do something similar. Still having issues because the expandable custom UI overlap with the next row. Did you solve that issue?
inland-turquoise•7mo ago
Same problem for me also