Multiple instances on same page
Currently have two tables stacked on top of one another on the same page (first table is decently long ~3x height of page). The tables are both utilizing virtualization. I cannot seem to get the second table to correctly display items in view. Both tables are utilizing the same parent ref for the scroll element. Have tried setting start and end of items relative to table position on page with initialMeasurementsCache, but it appears to be overwritten internally (quickly glanced at source, but didn't dive in. Have no problem doing so, just been a long day lol).
If anyone has any suggestion the help would be greatly appreciated 🙂
3 Replies
ratty-blush•3y ago
Hi, you need to use scrollMargin for second table, with this prop we control if something is before virtualization, just fyi scrollMargin is added to item start, so when rendering we need to remove it.
dependent-tanOP•3y ago
This lead me down the right path, thank you! Had to play with the Y translation to get things to play nicely, but ended up getting it working
ratty-blush•3y ago
👍