<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    width="379" height="163">
    <mx:DataGrid x="10" y="10" id="dg" dataProvider="{dgdp}" height="112"
        updateComplete="handleUpdateComplete(event)">
        <mx:columns>
            <mx:DataGridColumn headerText="Column 1" dataField="col1"/>
            <mx:DataGridColumn headerText="Column 2" dataField="col2"/>
            <mx:DataGridColumn headerText="Column 3" dataField="col3"/>
        </mx:columns>
    </mx:DataGrid>
    <mx:Button x="320" y="9" label="Add" click="handleAddRow(event)"/>
    <mx:NumericStepper x="75" y="130" 
        minimum="0" maximum="{dg.dataProvider.length-1}"
        change="handleScrollToChange(event)"/>
    <mx:Label x="10" y="132" text="Scroll To:"/>
    <mx:Script>
        <![CDATA[
            import mx.events.NumericStepperEvent;
 
            [Bindable]
            private var dgdp:Array = [
                {
                    "col1":0,
                    "col2":"a1",
                    "col3":"b1"
                },
                {
                    "col1":1,
                    "col2":"a2",
                    "col3":"b2"
                }
            ];
 
            private function handleScrollToChange(e:NumericStepperEvent):void
            {
                dg.scrollToIndex(e.value);
            }
 
            private function handleAddRow(event:MouseEvent):void
            {
                dg.dataProvider.addItem(
                    {
                        "col1": dg.dataProvider.length,
                        "col2": "__CUST__",
                        "col3": "__CUST__"
                    }
                );
            }
 
            private function handleUpdateComplete(e:Event):void
            {
                var currLen:uint = dg.dataProvider.length;
                dg.scrollToIndex(currLen);
            }
        ]]>
    </mx:Script>
</mx:Application>