Populate a VBCS table with ADP variable of custom type

Content

Hi All,

Exploring VBCS currently and stuck at one scenario.

Need to populate the data in VBCS with variable of type Array Data Provider and Item type is a custom type. 

Custom type is as follows: 

LookUpOutputArray[]

{}item[i]

[]ErrKeyword

[]Flag

id

[]ID

LookUpOutputArray type is an array consisting of three array elements and a string element. Have made a variable of type Array Data Provider whose Item type is LookUpOutputArray.

In the presented scenario how to populate the field property for columns of a table object in VBCS?

 

Code Snippet

<div class="oj-flex">
 
    <oj-table scroll-policy="loadMoreOnScroll" id="oj-table--118826656-1" class="oj-flex-item oj-sm-12 oj-md-12" data="[[ $variables.LookupOutputObject ]]" columns='[{"headerText":"Integration_ID","field":"1"},{"headerText":"Flag","field":"2"},{"headerText":"Errorkeywords","field":"3"}]'>
  
  
  </oj-table> 
</div>