react-data-grid-react-window-grid
A variant of the Fluent UI DataGrid that is
virtualized 2 dimentionally using react-window.
Building
Run nx build react-data-grid-react-window-grid to build the library.
What is different from react-data-grid-react-window?
react-data-grid-react-window support vertical virtualization using FixedSizeList in react-windowreact-data-grid-react-window-grid support 2 dimentional virtualization (including both horizontal and vertical) using VariableSizeGrid in react-window.react-data-grid-react-window-grid has a virtualized header as well using VariableSizeList in react-window
DataGridHeaderRow
Be aware of DataGridHeaderRow is a new component that does not has in fluentui v9 DataGrid, it is for supporting header virtualization. And be aware of there is no need to use DataGridRow in react-data-grid-react-window-grid, as for virtualized grid is using cell to render instead of using row.
Try it out
yarn add @fluentui-contrib/react-data-grid-react-window-grid
npm install @fluentui-contrib/react-data-grid-react-window-grid
For a full usage example please take a look at the documentation sample, and
Storybook.
