Use react-virtualized to achieve a nested list with dynamic nested childs and node filtering

Viewed 259

I'm trying to implement a nested list with node filtering using "react-virtualized" library or another one similar.

I've checked "react-virtualized-tree" library docs but all implementations have a parameter called "MAX_NUMBER_OF_CHILDREN" that makes it impossible to create the tree list dynamically.

My list is split into "categories", and each category has members.

Search --> 
---------

Category 1 [-] 
   member 1
   member 2
   ...
   member 300

Category 2 [+] 

Category 3 [-] 
   member 1
   member 2
   ...
   member 150

I've tried to use WindowScroller to only have one scrollbar, with registerChild, using multiple Autosizer/List, and scrolling isn't usable. I don't know if I've to use ScrollSync as well.

Any example or solution about this problem? Maybe some library that I haven't checked yet?

Thank you very much in advance

Code Playground

0 Answers
Related