title: Ag-grid sticky header
body: <p>So my ag-grid resize itself because my row height is also dynamic. So for height I am using <code>[style.height.px]="beta"</code> and <code>this.beta = document.getElementsByClassName('ag-full-width-container')["0"].offsetHeight + 139</code> And the <code>pagination</code> is set to <code>100</code>.</p>
  
  <p>I cannot use <code>autoHeight</code> because I have more than 10k rows. So I want my header to be sticky. I have some content before ag-grid in DOM. As I scroll I want my ag-grid header to stick to the top. I am using <code>top:0;position:sticky;z-index:1000</code> It's working for every <code>div</code> tag except <code>ag-gird</code>'s <code>div</code> tag. So is there a way to have a sticky header in ag-grid?</p>