OverlayScrollbars with Virtualization Libraries

[KingSora]

Since this is a pretty frequent topic I've decided to create a list of examples where OverlayScrollbars plays together with various virtualization libraries.

If your library or framework of choice is not in this list, please respond in this issue with the name & link of the library and if possible with an minimal example on StackBlitz. You can also create a separate issue.

React

react-window (package)

• Example with FixedSizeList
• Example with FixedSizeList & Horizontal Layout
• Example with VariableSizeList

react-virtualized (package)

• Example with List
• Example with Grid
• Example with Collection
• Example with Table

react-virtuoso (package)

• Example with Virtuoso
• Example with TableVirtuoso
• Example with TableVirtuoso and Fixed Columns
• Example with VirtuosoGrid

@tanstack/react-virtual (package)

• Example with useVirtualizer
• Example with useVirtualizer & Horizontal Layout
• Example with useVirtualizer & Grid Layout
• Example with useVirtualizer & OverlayScrollbarsComponent

virtua (package)

• Example with VList
• Example with VList & Horizontal Layout
• Example with VGrid

@ag-grid-community/react (package)

• Example with AgGridReact

@handsontable/react (package)

• Example with HotTable

masonic (package)

• Example

Angular

@angular/cdk (package)

• Example with cdk-virtual-scroll-viewport

[Tishkin]

Hi. Can you tell me how to connect react-virtualized to overlayscrollbars-react?

[KingSora]

@Tishkin I'm currently on vacation and wont be able to create an example for at least another week

[KingSora]

@Tishkin I've added the following examples for you:

react-virtualized (package)

• Example with List
• Example with Grid
• Example with Collection
• Example with Table

[xmsz-stu]

which one is better performance

[airspin]

@KingSora , hi, can you add example, how to use overlayscrollbars-react with virtua ?
(https://github.com/inokawa/virtua)

[KingSora]

@airspin I've added the following examples:

virtua (package)

• Example with VList
• Example with VList & Horizontal Layout
• Example with VGrid

[de-don]

@KingSora hi, I would be great to have example with angular virtual scroll (https://material.angular.io/cdk/scrolling/overview)

[KingSora]

@de-don I've added the following examples:

@angular/cdk (package)

• Example with cdk-virtual-scroll-viewport

[sep2]

Hi would you like to add example of masonic (https://www.npmjs.com/package/masonic)

demo: https://codesandbox.io/s/0oyxozv75v

[KingSora]

@sep2

I've added the following examples:

masonic (package)

• Example