Vertical scroll bar and fixed headers with mat-table

2
votes

I would like to know how to display a vertical scroll bar for the rows only (headers are not moving) with Angular Material mat-table. When I set overflow: auto and max-height in mat-table style, the whole table (including the headers) are scrolled. Thanks for your help.

1
cssangular-materialmat-table

1 Answers

8
votes

You may use the sticky property of MatHeaderRowDef:

<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>