Skip to content

Latest commit

 

History

History
7 lines (4 loc) · 960 Bytes

overscanUsage.md

File metadata and controls

7 lines (4 loc) · 960 Bytes

The overscanRowCount property renders additional rows in the direction the user is scrolling to reduce the chance of a user scrolling faster than virtualized content can be rendered. (See here for a visual example of why this property exists).

This property has performance implications though: the higher the value, the more work react-virtualized needs to do in reaction to each scroll event. (See here for a visual example of how windowing works.)

I suggest using the default value (10) as a starting point and lowering it if possible. Setting the value too high will erase the performance gains achieved by using react-virtualized. You should aim to use the lowest value as possible that still generally avoids any empty space from appearing during normal scrolling actions.

Note that the same advice applies to the overscanColumnCount as well.