ComponentsData Display

Virtual Scroll & Lazy Loading

Data Display components with live demos, API references, and tokens.

Summary

PMatVirtualScroll preserves the logical height of a large fixed-row list while mounting only a small buffered window. Lazy loading supports an early remaining threshold or an end sentinel.

Quick Start

One thousand logical records

Only the visible buffered rows are mounted.

Mounted range: NaN-NaN of 1000

HTML

When to Use

  • Use virtual mode for large lists with one reliable fixed row height.
  • Use ordinary flow mode for variable-height content, expanded rows, and late-loading media.
  • Use pagination when users need stable pages or shareable offsets.
  • The initial range notification is deferred until after initial rendering, avoiding parent binding changes during Angular's first check.