title: Sticky header not working with resizable column in Primeng.?
body: <p>I am trying to implement both <a href="https://www.primefaces.org/primeng/#/table/colresize" rel="noreferrer">column resize</a> and <a href="https://www.primefaces.org/primeng/#/table/sticky" rel="noreferrer">stick header</a>. But sticky header works fine if I won't use the column resize. If I implement both, column resize is working but sticky header is not working. </p>
  
  <p>I used the following css from primeng for the sticky header.</p>
  
  <pre><code>  :host ::ng-deep .ui-table .ui-table-thead &gt; tr &gt; th {
          position: -webkit-sticky;
          position: sticky;
          top: 70px;
      }
  
      @media screen and (max-width: 64em) {
          :host ::ng-deep .ui-table .ui-table-thead &gt; tr &gt; th {
              top: 100px;
          }
      }
  </code></pre>
  
  <p>and for the colum resize I used the below code, <code>[resizableColumns]="true"</code>,  <code>pResizableColumn</code></p>
  
  <pre><code>  &lt;p-table [columns]="cols" [value]="cars1" [resizableColumns]="true"&gt;
      ...
       &lt;th *ngFor="let col of columns" pResizableColumn&gt;
  </code></pre>
  
  <p>If I remove the <code>resizbleColumns</code> and <code>pResizableColumn</code> sticky header works fine. How can I make it works both things.? Here is the <a href="https://stackblitz.com/edit/github-ls1xe1-mamqn3?file=src%2Fapp%2Fapp.component.html" rel="noreferrer">stackblitz</a> and <a href="https://github-ls1xe1-mamqn3.stackblitz.io/" rel="noreferrer">Demo</a></p>