title: Frozen Columns with PrimeNG - Misalignment
body: <p>Good day,</p>
  
  <p>I have followed the example code from <a href="https://stackblitz.com/edit/angular-primeng-table-frozen-columns-dpsm8l?file=src%2Fapp%2Ftable-scroll-demo.component.ts" rel="nofollow noreferrer">primeng-frozen-column-example</a>. The code below does not seem to have an effect on the table at all.</p>
  
  <pre><code>makeRowsSameHeight() {
      setTimeout(() =&gt; {
          if ($('.ui-table-scrollable-wrapper').length) {
             let wrapper = $('.ui-table-scrollable-wrapper');
             wrapper.each(function () {
             let w = $(this);
             let frozen_rows: any = w.find('.ui-table-frozen-view tr');
             let unfrozen_rows = w.find('.ui-table-unfrozen-view tr');
             for (let i = 0; i &lt; frozen_rows.length; i++) {
                  if (frozen_rows.eq(i).height() &gt; 
                      unfrozen_rows.eq(i).height()) {
                      unfrozen_rows.eq(i).height(frozen_rows.eq(i).height());
                  } else if (frozen_rows.eq(i).height() &lt; 
                      unfrozen_rows.eq(i).height()) {
                      frozen_rows.eq(i).height(unfrozen_rows.eq(i).height());
                  }
             }
          });
         }
      });
    }
  </code></pre>
  
  <p>The frozen columns rows are misaligned as per the image -> <a href="https://i.stack.imgur.com/PJBJG.png" rel="nofollow noreferrer">Frozen Column misalignment</a>.</p>
  
  <p>The alignment of the rows is misaligned how can this issue be fixed?  </p>