Angular Material Table Vertical Scroll. Install and import the directive. This can generally be seen as an alternative method to pagination for displaying a large table in a fairly small vertical area and as such pagination has been disabled here note that this is not mandatory it will work just fine with pagination enabled as well.
The DataSource for the virtual scroll is the same one used by the table and tree components. This feature is added to CDK Component Development Kit. Complete native Angular UI component lbrary built for quality and performance.
This tutorial will guide you step by step on how to create mat-table vertical scroll with fixed header in angular app.
Here we will see material table simple example with preview you can easily use with angular 6 angular 7 angular 8 angular 9 angular 10 angular 11 and angular 12. It comes with powerful features and some of the features we are using in this Angular 12 full age scrolling tutorial. Scroll appears at thead level mat-header- rows What is the use-case or motivation for changing an existing behavior. Moreover it doesnt contain any third-party dependencies.
