Primefaces datatable frozen columns misallignment

by

I have had similar issues in the past with frozen datatable and using many different scripts across different posts I have found the below script works in ALL browsers and does not require you to set a height it will calculate it. As an added bonus it also triggers a browser event to force the table to resize properly.

synchronizeRowsHeight : function() {
   var $leftRows = $('.ui-datatable-frozenlayout-left').find('tr');
   var $rightRows = $('.ui-datatable-frozenlayout-right').find('tr');

   $leftRows.each(function(index) {
         var $leftRow = $(this);
         var $leftHeight = $leftRow.innerHeight();
         var $rightRow = $rightRows.eq(index);
         var $rightHeight = $rightRow.innerHeight();

         if ($rightHeight > $leftHeight) {
                $leftRow.innerHeight($rightHeight);
                var diff = $rightHeight - $leftRow.innerHeight();
                if (diff != 0)
                       $leftRow.innerHeight($rightHeight + diff);
         } else if ($rightHeight < $leftHeight) {
                $rightRow.innerHeight($leftHeight);
                var diff = $leftHeight - $rightRow.innerHeight();
                if (diff != 0)
                       $rightRow.innerHeight($leftHeight + diff);
         }
   })

   // fire a resize event to tell the table to repaint
   $(window).trigger('resize');
}

More Related Contents:

  1. Primefaces static and dynamic columns in datatable
  2. JQuery Conflicts with Primefaces? [duplicate]
  3. How to get rid of WARNING: PWC4011: Unable to set request character encoding to UTF-8
  4. How to use p:graphicImage with StreamedContent within p:dataTable? [duplicate]
  5. Update component after file download
  6. Create table columns dynamically in JSF
  7. Primefaces dialog + commandButton
  8. Primefaces DataTable, lazy loading and CommandButton per row
  9. Primefaces’s dialog ‘appendTo’ property, what it useful for?
  10. How to use PrimeFaces p:fileUpload? Listener method is never invoked or UploadedFile is null / throws an error / not usable
  11. How to select JSF components using jQuery?
  12. Session timeout and ViewExpiredException handling on JSF/PrimeFaces ajax request
  13. How to let validation depend on the pressed button?
  14. Execution order of events when pressing PrimeFaces p:commandButton
  15. How to set converter properties for each row/item of h:dataTable/ui:repeat?
  16. How to find indication of a Validation error (required=”true”) while doing ajax command
  17. Email validation using regular expression in JSF 2 / PrimeFaces
  18. JSF + PrimeFaces: `update` attribute does not update component
  19. Dynamically generate h:column based on list of hashmaps
  20. UISelectMany on a List causes java.lang.ClassCastException: java.lang.String cannot be cast to T
  21. c:forEach inside primefaces(e.g. p:panelgrid) inside ui:repeat
  22. Primefaces valueChangeListener or
  23. Passing parameter to JSF action
  24. Display Current Date on JSF Page
  25. JSF 2 dataTable row index without dataModel
  26. Object in Flash scope is not available after redirect
  27. How to keep JSF flash scope parameters on page reload?
  28. Ajax update and submission using h:commandButton
  29. JSF resource versioning
  30. f:viewParam doesn’t pass required parameter when new xmlns.jcp.org namespace is used

Leave a Comment