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
ambitious-aqua•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.
rare-sapphireOP•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
manual-pink•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
continuing-cyan•15mo 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?
fair-rose•10mo ago
Same problem for me also