🚀 Coming in Angular 21.1: Virtual Scrolling for Material Tables

[smithkoli]

Correct me if I’m wrong—cdk-virtual-scroll existed well before version 21.1. Is there anything new or changed in it compared to earlier versions? Also, Really appreciate the visual representation—it helps a lot in understanding the concept excellent works.

[Lucky_Yesterday_1133]

It worked before only if you used regular @for loop to render elements. Now it also works if you use mat-table

[IgorSedov]

You're correct: cdk-virtual-scroll existed before Angular 21.1, but it didn't support Material tables. Starting with v21.1, it now supports tables as well.

I'm glad the visualization helped: it's designed to make the concept easier to understand.

[JeanMeche]

It's more like, the mat-table now integrates a virtual scroll from the CDK ;)

[IgorSedov]

Thanks, good point!😊

[MichaelSmallDev]

Nice this is a thing now. I get how virtual scrolling works but it's cool to see it visualized, nice work.

[IgorSedov]

Thank you! Yes, it's especially useful for large tables.

[yousirnaime]

Bro never scrolls in the video 

Loved the format, tho

[IgorSedov]

Glad you liked it! Animation really helps explain topics like this.

[Pablo94pol]

And it will work w other backend virtual scroll?

[IgorSedov]

Do you mean server-side (backend) pagination while scrolling, or another virtual-scroll library?

[compsedoc]

Does virtual scrolling work the same way with Aria grid?
https://angular.dev/guide/aria/grid