Read-only grid

a!localVariables(
local!selection,
local!selectedRows,
local!data: {
{ phoneNumber: "123456", sourceName: "FB" },
{
phoneNumber: "789654",
sourceName: "INSTA"
},
{
phoneNumber: "13164570001",
sourceName: "WA"
}
},
a!sectionLayout(
contents: {
a!gridField(
label: "TelephoneNumber",
data: local!data,
columns: {
a!gridColumn(
label: "mobileNumber",
value: fv!row.phoneNumber,
width: "AUTO"
),
a!gridColumn(
label: "source",
value: fv!row.sourceName,
width: "AUTO"
)
},
pageSize: 5,
selectable: true(),
selectionStyle: "ROW_HIGHLIGHT",
selectionValue: local!selection,
selectionSaveInto: {
local!selection,
a!save(
local!selectedRows,
index(
fv!selectedRows,
length(fv!selectedRows),
null
)
),
a!save(
local!selection,
index(save!value, length(save!value), null)
),
a!save(ri!changeTelephoneNumber, true()),
/*Intially ri!tekephoenenumber is false*/
a!save(ri!displayGrid, false()),
/*Intially true*/
if(
isnull(local!selection),
a!save(ri!rowsSelected, false()),
/*Intially false*/
a!save(ri!rowsSelected, true())
),
if(
ri!rowsSelected,
a!save(
ri!selectedPhoneNumber,
index(fv!selectedRows, "phoneNumber", {})/*Intially null*/

),
a!save(ri!selectedPhoneNumber, null())
)
},
selectionRequired: true(),
shadeAlternateRows: true(),

),
a!richTextDisplayField(
value: a!richTextItem(
text: "guidanceText",
style: "EMPHASIS",
color: "#FF0000"
)
)
}
)
)

Parent interface definition is straight forward just in a if condition