This SAIL interface transposes the data in a paging grid

TransposedData_PagingGrid

load(
  
  local!pagingInfo: a!pagingInfo(
    startIndex:1,
    batchSize:-1
  ),
  
  with(
    
    local!data: {
      type!AB_AppInfo(Name: "Ap1", Description: "App 1"),
      type!AB_AppInfo(Name: "Ap2", Description: "App 2")
    },
    
    local!transposed: fn!merge(
      fn!index(local!data, "Name", {}),
      fn!index(local!data, "Description", {})
    ),
    
    local!fieldNames: {
      "Name",
      "Description"
    },
    
    /*a!paragraphField(
      value: local!transposed
    )*/
    
    a!gridField(
      value: local!pagingInfo,
      saveInto: local!pagingInfo,
      totalCount: 4,
      columns: {
        a!gridTextColumn(
          data: local!fieldNames,
          alignment: "LEFT"
        ),
        a!gridTextColumn(
          data:   local!transposed[1]
        ),
        
        a!gridTextColumn(
          data: local!transposed[2]  
        )
      }
      
    )
  )
  
  
)

Yet another approach:

load(

local!pagingInfo: a!pagingInfo(
startIndex:1,
batchSize:-1
),

with(

local!data: {
  type!AB_AppInfo(Name: "Ap1", Description: "App 1"),
  type!AB_AppInfo(Name: "Ap2", Description: "App 2")
},

local!transposed: fn!merge(
  fn!index(local!data, "Name", {}),
  fn!index(local!data, "Description", {})
),

local!fieldNames: {
  "Name",
  "Description"
},

/*a!paragraphField(
  value: local!transposed
)*/

a!gridField(
  value: local!pagingInfo,
  saveInto: local!pagingInfo,
  totalCount: 4,
  columns: {

    a!gridTextColumn(
      data:   fn!apply(fn!concat(_,": ", _), fn!merge(local!fieldNames, fn!cast(103, local!transposed[1]))) 
    ),

    a!gridTextColumn(
      data: local!transposed[2]  
    )
  }

)

)

)