Spark datagrid Issue.

Hi,

I have a spark flex datagrid. I have set its horizontalscrollpolicy to off.
When i scroll the header towards right completely, the header is moved and
is not visible. This makes an impression that there are no more columns in
the grid.

Is there a way to restrict the columns to a certain limit towards right
when scrolling

Grid has 3 columns
[1].
https://drive.google.com/file/d/0ByEkeIgKzyCaOXlVaDJ0ckhHLWM/edit?usp=sharing

After scrolling the 2nd column towards right, It makes an impression that
there is only one column available.
[2]
https://drive.google.com/file/d/0ByEkeIgKzyCaUkR4WV91cDE1Y0E/edit?usp=sharing

Code:

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
initialize="initData()">
<fx:Script>
<![CDATA[
import mx.collections.*;
private var dgArray:Array = [
{Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99},
{Artist:'Pavement', Album:'Brighten the Corners', Price:11.99}];
[Bindable]
public var initDG:ArrayCollection;
// Initialize initDG variable from the Array.
public function initData():void {
initDG = new ArrayCollection(dgArray);

]]>
</fx:Script>
<s:DataGrid id="myGrid"
width="350" height="200"
dataProvider="{initDG}"
horizontalScrollPolicy="off"/>
</s:WindowedApplication>

Regards
Saju Thankathurai,