How to show the names fetched from integration object in new row?

Hello All I am new into Appian I am fetching data from integration object where i get all nearby vaccination centers name, type of vaccine, available slot and it is free or paid. But when I fecth the details i get all the details in one row only. So how can i show center name row wise please help me I am new into appian and facing problem in these

See Here I am getting center name in one row only. How to show in different row. I am sharing the code also please tell me where and what should i do the changes

a!localVariables(
local!result: rule!CVMS_vaccinationCenter_INT(district_id: ri!district_id,date: ri!date),

a!formLayout(
label: "Form",
contents: {
a!textField(
label: "Enter Your District Id",
labelPosition: "ABOVE",
value: ri!district_id,
saveInto: ri!district_id,
refreshAfter: "UNFOCUS",
required: true,
validations: {}
),
a!textField(
label: "Enter The Date for which want to check availability",
labelPosition: "ABOVE",
placeholder: "DD-MM-YYYY",
value: ri!date,
saveInto: ri!date,
refreshAfter: "UNFOCUS",
required: true,
validations: {}
),
a!gridField(
label: "Read-only Grid",
labelPosition: "ABOVE",
data: local!result.result.body,
columns: {
a!gridColumn(
label: "Center Name",
value: fv!row.sessions.name


),
a!gridColumn(
label: "Grid Column",
value: null
)
},
pageSize: null,
pagingSaveInto: local!result,
validations: {}
)
},
buttons: a!buttonLayout(
primaryButtons: {
a!buttonWidget(
label: "Submit",
submit: true,
style: "PRIMARY",
loadingIndicator: true
)
},
secondaryButtons: {
a!buttonWidget(
label: "Cancel",
value: true,
saveInto: {},
submit: true,
style: "NORMAL",
validate: false
)
}
)
))