如何使 mat-sidenav-container 内的表格标题具有粘性

Question

I have a solution here how to make angular table header sticky: how to make angular table with sticky header stick to an offset

My next question is how to make it stick while inside mat-sidenav-container. Wrapping the table inside mat-sidenav-container doesn't work: https://stackblitz.com/edit/angular-h1utvg-zpqlsa?file=app%2Ftable-sticky-header-example.html

I can see that mat-sidenav-container and mat-sidenav content set the position to relative. I've tried manipulating the position property to no avail.

Answer 1

I think you should wrap table with some container and set some max-height to it. See example .