Lock columns and Rows in DataGrid for Visibility.

There are two properties in DataGrid where we can lock the visibility of the rows and columns in the DataGrid [here lock the visibility means, which are always visible ,like when scrolling they are not moved to and forth].

The property for ColumnLock is

lockedColumnCount

this takes the value to lock the number of Columns in the Display from left of DataGrid. Here horizontalscrolling locks the columns for visibility.

The property for RowLock is

lockedRowCount

this also takes the value to lock the number of rows in the Display from top of DataGrid. Here verticalscrolling locks the rows for visibility.

code Example:

<mx:DataGrid x=”277″ y=”331″ id=”dg” dataProvider=”{xml}”

lockedColumnCount=”3″ height=”96″ horizontalScrollPolicy=”on”

verticalScrollPolicy=”on” width=”397″>

<mx:columns>

<mx:DataGridColumn headerText=”Sl.No” dataField=”slno”/>

<mx:DataGridColumn headerText=”Product Name” dataField=”PNAME”/>

<mx:DataGridColumn headerText=”Pro ID” dataField=”PID”/>

<mx:DataGridColumn headerText=”Cat ID” dataField=”CAT_ID”/>

<mx:DataGridColumn headerText=”Cat Name” dataField=”CATEGORY”/>

</mx:columns>

</mx:DataGrid>

The below image shows the locking of two columns.

Enjoy the code !, happy Flexing.