New in Angular 21.1: Virtual Scrolling for Material Tables

Angular 21.1 adds virtual scrolling support to Angular Material tables. This feature allows tables to render only the rows visible on screen, along with buffer rows, while dynamically adding and removing rows from the DOM during scrolling. As a result, large data sets can be displayed more efficiently with improved performance and lower memory usage.

The implementation is built on the Angular CDK virtual scroll viewport and works without rendering all table rows at once, making it well suited for large or dynamic tables.

Thanks to the @Angular Team for the new feature.

ℹ️ Source: https://github.com/angular/components/pull/32487

Follow me on:
▪️Twitter: https://twitter.com/TheIgorSedov
▪️LinkedIn: https://www.linkedin.com/in/igorsedov/
▪️Bluesky: https://bsky.app/profile/igorsedov.com
▪️Instagram: https://www.instagram.com/theigorsedov/

Website: https://igorsedov.com
Email: me@igorsedov.com

Angular is a registered trademark of Google and/or its affiliates. Other names may be trademarks of their respective owners/holders. Use of them does not imply any affiliation with or endorsement by them.

#angular #angular21 #angularmaterial

Видео New in Angular 21.1: Virtual Scrolling for Material Tables канала Igor Sedov