react-virtualized
Advanced tools
Changelog
5.0.0
Version 5 includes the following changes.
(For more background information refer to the Version 5 Roadmap wiki page.)
At a high-level the purpose of this release is to make HOCs more easily composible in order to support a wider variety of them in the future.
A secondary goal was to cut redundant code from VirtualScroll
and rely more heavily on the base Grid
component.
FlexTable
and VirtualScroll
to be HOCs that use Grid
internally. This change makes width
a required attribute for all virtualized components. A simple upgrade strategy is to use the AutoSizer
HOC (learn more here).<script>
tags) to window.ReactVirtualized
instead of window["react-virtualized"]
(see issue #86).horizontalPadding
and verticalPadding
properties from FlexTable
. These properties were redundant. Such padding should be the responsibility of the parent container and taken into consideration by the injected width
and height
.InfiniteLoader
and AutoSizer
to require function children so as to be more easily composable with each other and new HOCs like ScrollSync
(learn more here).AutoSizer
no longer supports a className
property or uses the global 'AutoSizer' class.jsnext:main
target to enable tree-shaking support.onScroll
property to specific total scrollable area so that offsets can be converted into percentages if desired (learn more here).top
/ left
cell positioning with transform: translate()
for small performance gains. (This may become configurable in the future if any negative impact on performance is noticed.)ScrollSync
HOC for synchronizing scrolling between two or more virtualized components (learn more here).Changelog
4.10.0
FlexTable
and VirtualScroll
get a new property, overscanRowsCount
. Grid
gets overscanRowsCount
and overscanColumnsCount
.
These properties can be used to reduce visual flicker around the sides of virtualized components when quickly scrolling.
overscanRowsCount
defaults to 10 and overscanColumnsCount
defaults to 0; adjust as necessary based on the size of your lists and cells.
FlexTable
sets a default value of 0 for headerHeight
to more gracefully support disableHeader
use case.
Changelog
4.9.0
AutoSizer
component now takes padding into consideration before setting the width
and height
of its children.
Changelog
4.8.1
Updated InfiniteLoader
to better reflect required properties. (isRowLoaded
, rowsCount
, and threshold
were not marked as required before.)
Changelog
4.8.0
Updated InfiniteLoader
to support being composable within an AutoSizer
HOC. If either a width
or height
attribute are specified on InfiniteLoader
they will be bundled through to the loader's child component.
Changelog
4.7.1
Fixed AutoSizer
bug that caused it to prevent parent flex containers from shrinking in some contexts.
Changelog
4.7.0
Added scrollToIndex
property to FlexTable
to be passed through to inner Grid
.
Changelog
4.6.6
Better guard against NaN
values for clientWidth
and offsetWidth
for test environments using jsdom
.
Changelog
4.6.5
Added react-dom
to the Webpack :externals node to avoid including it in the build.
This fixes the bad 4.6.3
and 4.6.4
builds. Sorry!
Changelog
4.6.4
Moved react-dom
from dependencies
to peerDependencies
to fix bad 4.6.3
build.