title: Sticky header of p-table not working with [scrollable] = true in Primeng.?
body: <p>I am trying to implement both [scrollable]=&quot;true&quot; and stick header in p-table of PrimeNg. But sticky header works fine if I won't use the scrollable. If I implement both, scrollable 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: 69px;
          box-shadow: 1px 3px 6px 0 rgba(32,33,36,0.10);
      }
  
      @media screen and (max-width: 64em) {
          :host ::ng-deep .ui-table .ui-table-thead &gt; tr &gt; th {
              top: 99px;
          }
      }
  </code></pre>
  <p>and for scrollable I used the below code, <code>[scrollable]=&quot;true&quot;</code></p>
  <pre><code>&lt;p-table [columns]=&quot;cols&quot; [value]=&quot;cars1&quot; [scrollabe]=&quot;true&quot;&gt;
  ...
   &lt;th *ngFor=&quot;let col of columns&quot; &gt;
  </code></pre>
  <p>If I remove <code>[scrollable]=&quot;true&quot;</code> sticky header works fine. How can I make it works both things.?
  Here is the <a href="https://stackblitz.com/edit/github-ls1xe1-9mcw3s?file=src/app/app.component.html" rel="nofollow noreferrer">stackblitz</a>.</p>