title: ngx-datatable: how to make summary row fixed (on scrolling)?
body: <p>I made a fixed header</p>
  
  <pre><code>&lt;ngx-datatable
  [scrollbarV]="true"&gt;
  </code></pre>
  
  <p>But how to fix summary row too when I am scrolling the page?</p>
  
  <p><a href="https://i.stack.imgur.com/ex24E.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ex24E.png" alt="enter image description here"></a></p>
  
  <pre><code> &lt;p-dialog 
    ...
    &lt;ngx-datatable
      ...
      [scrollbarV]="true"
      &gt;
  
  &lt;ngx-datatable-column name="AMOUNT" [summaryTemplate]="totalCost" [flexGrow]="1"&gt;
    ...
  &lt;/ngx-datatable-column&gt;
  
  ...
  </code></pre>
  
  <p></p>
  
  <pre><code>  &lt;ng-template #totalCost&gt;
     ...
    &lt;/ng-template&gt;
  
  
  &lt;/p-dialog&gt;
  </code></pre>