T
TanStack2y ago
equal-aqua

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
No description
No description
5 Replies
exotic-emerald
exotic-emerald2y 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-aqua
equal-aquaOP2y 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
broad-brown2y 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
fascinating-indigo12mo 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
inland-turquoise7mo ago
Same problem for me also

Did you find this page helpful?