Question
How to handle wrapping in Tree Grid
Tree Grid is generated using two td's in outer layout. First td holds the first column and all the rest of the columns under one td as a sub table. we have rows which need word wrap and spanning multiple lines. where as the first column has only check box. which is leading UI distraction. could you please suggest work around?
Hi Susan,
Thanks for the reply. I am using OOTB Tree grid layout. Colum1 has check box and column two ( cell ) has reference to section and data present in this section wraps the content and spans more than one line. As a result, first column height is not adjusted as per the other columns. Verify the html generation for the tree grid to understand it more clear.
Thanks,
Siva
Hi Siva,
Which Pega version your application is using? Please check the following pdn articles:
https://pdn.pega.com/support-articles/tree-grid-columns-are-misaligned-rows-0
https://pdn.pega.com/support-articles/tree-grid-row-alignment-issue-chrome
https://pdn.pega.com/support-articles/tree-grid-does-not-display-row-alignment-correctly-chrome
https://pdn.pega.com/support-articles/tree-grid-not-displayed-correctly-repeating-tab-layout
If the above articles do not help, please raise a SR.
Pega GCS will help to do further investigation.
Thanks,
Susan
Hello Siva,
Thanks for posting queries in PSC.
Try to add the empty span on top of the check box element or add top property in inline style and check .
You may need to inspect the style properties of this check box element and need to edit the style using developer tools.
This may help you to resolve the alignment issues.
Thanks & Regards,
Durga
Hi Sivva522,
Are you using OOTB Tree Grid Layout in section to create Tree Grid?
It looks that you are creating Tree Grid by your own code. Is that correct?
Thanks,
Susan