title: Angular how to make table headers fixed when scrolling
body: <p>I have a table in Angular which i want to make the it headers fixed while i'm scrolling but i'm unable get the desired result. Every time another element is not presented like it should be.</p>
  
  <p>I tried to apply css classes fixed and sticky to the TR of the THEAD but the i couldn't get the desired result</p>
  
  <p>link to my stackblitz:
  <a href="https://stackblitz.com/edit/angular-vpxuo1" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-vpxuo1</a></p>