How to implement custom fields to display in the gridField?

Question

I want to implement a user-defined feature that allows specific fields to be displayed and the order to be adjusted. 
 For example, I currently have 5 columns(column 1-5) in readonly grid, and the user can present 3 of them as needed and can adjust the order, e.g. display [ column 1, column 5, column 3 ]. 
 Is there any way to implement this feature? Can you give me some advice?

Prasanta Paul · Answer

I am giving you an example, you can develop like that. a!localVariables(
 local!save : 2,
 {
 a!radioButtonField(
 label: "Is user ?",
 choiceLabels: {"User","Admin"},
 choiceValues: {1,2},
 value: local!save,
 saveInto: local!save,
 choiceStyle: "CARDS",
 ),
 a!gridField(
 label: "Read-only Grid",
 labelPosition: "ABOVE",
 data: 'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details',
 columns: {
 a!gridColumn(
 label: "Id",
 sortField: 'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details.fields.{c0258c07-713f-4c0f-8fed-f85fa4aaea65}id',
 value: fv!row[ 'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details.fields.{c0258c07-713f-4c0f-8fed-f85fa4aaea65}id'],
 showWhen: local!save = 2
 ),
 a!gridColumn(
 label: "Name",
 sortField: 'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details.fields.{a9d0f67a-cba2-4fda-bc8f-3dc112496562}firstName',
 value: fv!row[ 'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details.fields.{a9d0f67a-cba2-4fda-bc8f-3dc112496562}firstName'],
 align: "START"
 ),
 }
 )
 }
)

JayaPrakash Ravipati · Answer

HI yans8297 , 
 Use the below code it will help a!localVariables(
 local!data:{
 a!map(requestID:1,refNum:"LP012",subject:"Test1",asset:"Laptop"),
 a!map(requestID:2,refNum:"TB-2344",subject:"Test2",asset:"Tablet"),
 },
 local!gridFields1:{"Request Id","Reference Number","Subject","Asset"},
 local!selectedData,
 {
 a!multipleDropdownField(
 choiceLabels: local!gridFields1,
 choiceValues: local!gridFields1,
 label: "Column Types",
 placeholder: "--Select Columns--",
 value: local!selectedData,
 saveInto: local!selectedData
 
 ),
 a!gridField(
 label: "Read-only Grid",
 labelPosition: "ABOVE",
 data: local!data,
 columns: {
 a!gridColumn(
 label: "Request Id",
 value: fv!row.requestID,
 showWhen: if(
 a!isNotNullOrEmpty(local!selectedData),
 if(
 contains(
 touniformstring(local!selectedData),
 touniformstring(local!gridFields1[1])
 ),
 true(),
 false()
 ),
 true()
 )

,
 align: "END"
 ),
 a!gridColumn(
 label: "Reference Number",
 value: fv!row.refNum,
 showWhen: if(
 a!isNotNullOrEmpty(local!selectedData),
 if(
 contains(
 touniformstring(local!selectedData),
 touniformstring(local!gridFields1[2])
 ),
 true(),
 false()
 ),
 true()
 )
 ),
 a!gridColumn(
 label: "Subject",
 value:fv!row.subject,
 showWhen: if(
 a!isNotNullOrEmpty(local!selectedData),
 if(
 contains(
 touniformstring(local!selectedData),
 touniformstring(local!gridFields1[3])
 ),
 true(),
 false()
 ),
 true()
 )
 ),
 a!gridColumn(
 label: "Asset",
 value: fv!row.asset,
 align: "START",
 showWhen: if(
 a!isNotNullOrEmpty(local!selectedData),
 if(
 contains(
 touniformstring(local!selectedData),
 touniformstring(local!gridFields1[4])
 ),
 true(),
 false()
 ),
 true()
 )
 )
 },
 validations: {}
 )
 
 }
)