useVirtual()
function useVirtual(params): VirtualScroller;React hook.
Owns one VirtualScroller and synchronizes it with props.
Parameters
params
Returns
Example
useVirtual({
itemCount: 1000,
estimatedItemSize: 100,
overscanCount: 1
});Related examples
- HorizontalreactThis example virtualizes a horizontal collection: columns are measured and positioned along the x-axis while the browser keeps a native horizontal scrollbar.
- Simple ListreactThis is the smallest complete virtual list for each framework. Application data stays in the framework while the adapter renders and measures only the current visible range.
- Simple PrimitivesreactThis example builds a list from the adapter's lower-level model, layout, range, and item primitives instead of its high-level list binding.
- Sticky Header And FooterreactThis example keeps a header and footer inside the scrolling viewport while the virtual item range remains measured and independently positioned.
- Variable SizereactThis example renders rows whose heights differ and can change after mount. Mounted items report their real border-box size, replacing the initial estimate without requiring application-side layout reads.
- GridreactThis example combines one vertical model and one horizontal model to virtualize a dynamic two-dimensional grid.