Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Column Headers not aligned in hierarchical table



The first column in a table is misaligned. On the initial load, the column is aligned correctly. However, on creating a subcase and returning to the screen with the grid, the column is misaligned.

Error Messages

Not Applicable

Steps to Reproduce

  1. Configure a grid in a section.
  2. Configure a button to create a subcase in the same section.

Root Cause

The misalignment occurred because the section containing the tree grid was refreshed when it was not visible. The logic to calculate the header height depends on properties such as offsetHeight which are not available correctly when the section is hidden from view.


Perform the following local-change:

Add the below script in the UserWorkForm to refresh the section when switching tabs.

pega.u.d.attachOnload(function() {
  pega.ui.EventsEmitter.subscribe("onTabSwitch", function() {
    if (document.querySelector('[data-node-id=pyAssignmentListGadget]')) {
        section: 'pyAssignmentListGadget'
  }, null, null, null, true);
Suggest Edit

Published December 2, 2021

Did you find this content helpful? Yes No

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us