Creating a BoxLayout

The data structure I created should be quite similar to the one you have.

I think what Stefan has mentioned is just what you have asked for here in this space. It is working perfectly for me. What is that you are seeing on screen when you are using Stefan's code? You can just update the local with your ER or the source of the data. That should definetely work. 

In Given Manner You Can Achieve the Following Requirements .

a!localVariables(
  local!result: {
    { values: { "firstname", "lastname", "city" } },
    { values: { "rakesh", "sharma", "mumbai" } },
    { values: { "rahul", "dongre", "gondia" } },
    { values: { "priti", "kataria", "delhi" } },

  },
  local!data: a!forEach(
    items: local!result,
    expression: a!map(
      firstname: fv!item.values[1],
      lastname: fv!item.values[2],
      city: fv!item.values[3]
    )
  ),
  local!columnsName: { "firstname", "lastname", "city" },
  a!forEach(
    items: local!data,
    expression: if(
      fv!isFirst,
      {},
      a!localVariables(
        local!indexData: fv!item,
        a!boxLayout(
          contents: {
            a!columnsLayout(
              columns: {
                a!forEach(
                  items: local!columnsName,
                  expression: a!columnLayout(
                    contents: {
                      a!textField(
                        label: fv!item,
                        labelPosition: "ADJACENT",
                        value: index(local!indexData, fv!item, null),
                        readOnly: true()
                      )
                    }
                  )
                )
              }
            )
          },
          isCollapsible: true()
        )
      )
    )
  )
)

Stefan and Konduru, code is working, thank you

thank you daisymanmohansingh, your code is working