Read only grid column fix

Question

Is it possible to fix some columns in a read only grid?

Ranjith shanmugam · Answer

It is possible to freeze only few set of columns at first. 
 To achieve, you need to use editable grid and display it side by side with spacing as NONE. 
 For Pagination implement the rich text and write the logic for moving forward and backward in grid. 
 For reference am attaching screen Sort how it looks.

Soma · Answer

Here you go 
 a!localVariables(
 local!items: {
 {item: "Item 1 Dummy"},
 {item: "Item 2 Dummy"},
 {item: "Item 1 Dummy"},
 {item: "Item 2 Dummy"},
 {item: "Item 1 Dummy"},
 {item: "Item 2 Dummy"},
 {item: "Item 1 Dummy"},
 {item: "Item 2 Dummy"},
 {item: "Item 1 Dummy"},
 {item: "Item 2 Dummy"},
 {item: "Item 1 Dummy"},
 {item: "Item 2 Dummy"}
 },
 a!columnsLayout(
 spacing: "NONE",
 columns: {
 a!columnLayout(
 width: "MEDIUM_PLUS",
 contents: a!gridLayout(
 headerCells: {
 a!gridLayoutHeaderCell(label: "Item"),
 a!gridLayoutHeaderCell(label: "Qty"),
 a!gridLayoutHeaderCell(label: "Unit Price")
 },
 rows: {
 a!forEach(
 items: local!items,
 expression: a!gridRowLayout(
 contents: {
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 )
 }
 ),
 )
 },
 rowHeader: 1
 )
 ),
 a!columnLayout(
 contents: a!gridLayout(
 columnConfigs: {
 a!gridLayoutColumnConfig(
 width: "NARROW_PLUS",
 ),a!gridLayoutColumnConfig(
 width: "NARROW_PLUS"
 ),a!gridLayoutColumnConfig(
 width: "NARROW_PLUS"
 ),a!gridLayoutColumnConfig(
 width: "NARROW_PLUS"
 ),a!gridLayoutColumnConfig(
 width: "NARROW_PLUS"
 ),a!gridLayoutColumnConfig(
 width: "NARROW_PLUS"
 ),a!gridLayoutColumnConfig(
 width: "NARROW_PLUS"
 ),a!gridLayoutColumnConfig(
 width: "NARROW_PLUS"
 ),a!gridLayoutColumnConfig(
 width: "NARROW_PLUS"
 )
 },
 headerCells: {
 a!gridLayoutHeaderCell(label: "Item"),
 a!gridLayoutHeaderCell(label: "Qty"),
 a!gridLayoutHeaderCell(label: "Unit Price"),
 a!gridLayoutHeaderCell(label: "Item"),
 a!gridLayoutHeaderCell(label: "Qty"),
 a!gridLayoutHeaderCell(label: "Unit Price"),
 a!gridLayoutHeaderCell(label: "Item"),
 a!gridLayoutHeaderCell(label: "Qty"),
 a!gridLayoutHeaderCell(label: "Unit Price")
 },
 rows: {
 a!forEach(
 items: local!items,
 expression: a!gridRowLayout(
 contents: {
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 ),
 a!textField(
 readOnly: true,
 value: local!items[fv!index].item,
 saveInto: local!items[1].item
 )
 }
 ),
 )
 },
 rowHeader: 1
 )
 )
 }
 )
)

Read only grid column fix

Top Replies