Component used as a template to render items in the grid. Must implement DisplayGridItem interface.
OptionalclassThe className applied to the outer container element. Use when styling the entire component.
Number of columns in the grid
Implementation of ItemOffsetMapping interface that defines size and offset to each column in the grid
Use useFixedSizeItemOffsetMapping or useVariableSizeItemOffsetMapping to create implementations for common cases.
Component height
OptionalinnerThe className applied to the inner container element. Use for special cases when styling only the inner container and items.
OptionalinnerRender prop implementing VirtualContainerRender. Used to customize DisplayGrid within VirtualGrid inner container.
OptionalitemPassed as DisplayBaseItemProps.data to each child item
OptionalitemFunction implementing GridItemKey that defines the key to use for each item.
OptionalmaxMaximum size for CSS element beyond which layout breaks. You should never normally need to change this. The default value is compatible with all major browsers.
OptionalminThe minimum number of virtual pages to use when inner container would otherwise be more than VirtualScrollableProps.maxCssSize big. You should never normally need to change this.
OptionalonScroll handler implementing VirtualGridScrollHandler called after a scroll event has been processed and state updated.
OptionalouterRender prop implementing VirtualContainerRender. Used to customize VirtualGrid outer container.
Number of rows in the grid
Implementation of ItemOffsetMapping interface that defines size and offset to each row in the grid
Use useFixedSizeItemOffsetMapping or useVariableSizeItemOffsetMapping to create implementations for common cases.
OptionaluseDetermines whether the component should track whether it's being actively scrolled and pass through when rendering its content.
Component width
Props accepted by VirtualGrid