Efficiently Render Large Lists with Angular Material CDK Virtual Scroll
Learn how Angular Material’s CDK Virtual Scroll renders only the visible slice of a huge list, keeping the DOM small and maintaining 60 fps scrolling.
Loading…
ReadMeFeed / Community knowledge
#virtual-scroll
Real questions. Useful conversations. Find the people who know your stack.
angularmaterialMastering Dynamic Heights in Angular CDK Virtual Scroll: Patterns, Pitfalls, and Verification
Dynamic item heights in Angular CDK Virtual Scroll require autosizeVirtualScroll or custom strategies. This post covers implementation patterns, performance traps, SSR hydration, accessibility, and scroll restoration with a worked example and verification checklist.
Combining PrimeNG Lazy Loading with Virtual Scroll for Large Data Tables
Learn how to pair PrimeNG’s lazy‑loading p‑table with virtual scroll to keep UI responsive, reduce DOM size, and enable server‑side paging on massive datasets.
angularBoost PrimeNG DataTable Performance with Virtual Scrolling
Learn how to enable PrimeNG DataTable virtual scrolling to keep DOM size constant and improve scroll performance with large datasets.
Architecture note: Using PrimeNG p-table with lazy loading and virtual scrolling for large datasets
Guide for configuring PrimeNG p-table with lazy loading and virtual scrolling to handle large datasets safely and efficiently.
Optimizing Large Data Sets with PrimeNG p-table Virtual Scrolling
Stop browser lag when rendering thousands of rows. Learn how to implement PrimeNG virtual scrolling to keep your DOM lean and your UI responsive.
Solving List Lag in Ionic: When to Shift to Virtual Scrolling
Stop your Ionic app from lagging with large datasets. Learn when to switch from standard loops to Virtual Scrolling to keep DOM node counts low and scrolling smooth.
Virtual Scroll Misalignment with Variable Row Height in Ant Design Table
Problem Context The Ant Design v5 Table component supports virtual scrolling via scroll={{ y: 300 }} . The documentation explicitly states that a rowHeight must be provided for the virtual scroll algorithm to calculate offsets correctly. When omitted, the component defaults to 48 px, which can be significantly different from the actual height of rows that co
antdesignCDK virtual scroll with fixed item heights or a custom VirtualScrollStrategy for a variable-height Ionic feed
We are migrating an Ionic/Angular app away from the deprecated ion-virtual-scroll to Angular CDK's cdk-virtual-scroll-viewport , following the Ionic documentation's recommended path. The list in question is a chat-style feed where items mix short text messages, images, and preview cards, so heights vary significantly and some content loads asynchronously. Th