title: Keep Header Fix in Responsive Scrollable Table
body: <p>I have an Application in Angular 2 having Table with Thousand's of Record.When I scroll Down,I want my Header to be fixed.How can I achieve the same?</p>
  
  <p>I have tried setting Head to be fixed and setting Max-width of Column,but both of them didn't Worked.
  P.S -Since it is an Angular Application,I want to Avoid JQuery as much as Possible.</p>
  
  <p>Thanks In Advance.</p>