Display nested structure in ui kit

General
, , ,
1

Hi folks,

I have a structure from PegaCard-Int-Visa-DocumentSummaryType which has a property structure like this :

       Item (pagelist)
             ComplexValue(pagelist)
                  Items(Page)
                       Item(Page)
                           ComplexValue(pagelist)
                           Key (text)
                           SimpleValue (text)

How can this nested structure be displayed on UI? I tried hierarchical table and Tree grid but it shows as blank values. They both create as many rows as elements in array.

2

The OOTB Hierarchical Table and Tree Grid renderers require:
1-Each level to be sourced from an actual Page List
2-Each row to directly expose scalar properties that exist at that level

In your structure:

image
image773×176 4.89 KB

The visible properties (Key, SimpleValue) are two-to-three levels deep, so the hierarchical UI widgets cannot bind them directly — therefore they render blank rows.This behavior is expected- hierarchical table requires the “node’s display properties” to reside on the node’s page, not buried in deeper nested lists.

Flatten the nested structure into a UI-friendly Page List using a Data Transform - resulting in pyWorkPage.FlattenedSummary() → .Key, .SimpleValue, Level4 elements, level3 elements.. so no

If You must show Hierarchically,You can use Tree Grid, but you will need to create a synthetic view model where each node is a Page with say .Label, .Value, .Children() so on. This means constructing a tree-shaped structure explicitly for the UI,Pega does not auto-transform your nested structures into a Tree grid-friendly shape.