af-utils/virtual

Start here

Getting started
Framework setup
FAQ and troubleshooting

Examples

Core
- Basics
  - Vanilla List
- Data Changes
  - Live Feed
- Integrations
  - Tanstack Table
Lit
- Basics
- Custom Layouts
- Data Changes
- Events
  - Event Subscriptions
- Integrations
  - Tanstack Table
- Scrolling
  - Scroll To Item
  - Window Scroll
Preact
- Basics
- Custom Layouts
- Data Changes
- Events
  - Event Subscriptions
- Integrations
  - Tanstack Table
- Scrolling
  - Scroll To Item
  - Window Scroll
React
- Basics
- Custom Layouts
- Data Changes
- Events
  - Event Subscriptions
- Integrations
  - Material Ui
  - Tanstack Table
- Scrolling
Solid
- Basics
- Custom Layouts
- Data Changes
- Events
  - Event Subscriptions
- Integrations
  - Tanstack Table
- Scrolling
  - Scroll To Item
  - Window Scroll
Svelte
- Basics
- Custom Layouts
- Data Changes
- Events
  - Event Subscriptions
- Integrations
  - Tanstack Table
- Scrolling
  - Scroll To Item
  - Window Scroll
Vue
- Basics
- Custom Layouts
- Data Changes
- Events
  - Event Subscriptions
- Integrations
  - Tanstack Table
- Scrolling
  - Scroll To Item
  - Window Scroll

Core concepts

How virtual layout works
Measurement and dynamic sizes
Data changes and anchoring

Advanced

Choose an API level
Render ownership

Package details

Bundle size
Support and compatibility

Reference

Overview
core
lit
- Overview
- Classes
  - VirtualController
- Type Aliases
  - VirtualRangeGetItemKey
  - VirtualRangeRenderer
- Functions
preact
- Overview
- Interfaces
  - ListItemProps
  - VirtualPreactLayoutBinding
- Type Aliases
  - ListProps
- Hooks
- Components
  - VirtualList
react
- Overview
- Interfaces
- Hooks
- Components
  - VirtualList
solid
- Overview
- Interfaces
  - ListItemProps
  - VirtualLayoutBinding
- Type Aliases
  - ListProps
  - MaybeAccessor
- Functions
- Components
  - VirtualList
svelte
- Overview
- Interfaces
  - VirtualSvelteLayoutBinding
  - VirtualSvelteListBinding
- Type Aliases
  - MaybeGetter
- Functions
vue
- Overview
- Interfaces
  - VirtualVueLayoutBinding
- Type Aliases
- Variables
- Hooks

Links

Github
Discord

typealias@af-utils/virtual-core

VirtualScrollerScrollAlignment

type VirtualScrollerScrollAlignment = "start" | "center" | "end" | "auto";

Alignment used by VirtualScroller.scrollToIndex.

VirtualScrollerExactPosition VirtualScrollerScrollElement