DEV Community

Discussion on: Build your own virtual scroll - Part II

Collapse
 
okvv profile image
Vladimir Okun • Edited

Thank you so much!!!
react-window and other solutions do not support native html tables (returns DIVs not TRs) so I had to try and solved it with no lib.

added minor cases support to your example like:

  • table header
  • TRs not shown because of additional height (let's say header height)
  • no rows at all just change the itemCount={...} prop value per needed case (0/2/10000).

forked your code with the aforementioned cases: bit.ly/38nATie
native virtual table implementation using your code in: bit.ly/36dc4nu

Collapse
 
adamklein profile image
adam klein

Cool! Thanks for the addition.
I wonder if you could make it work with position: sticky