Reordenar columnas datagrid

[avielo]

wenas, tengo un datagrid en el que cargo unos horarios desde un xml y necesitaria q las columnas estubieran ordenadas en un orden u otro dependiendo de si la linea es en orden ascendente o descendiente, si fuera ascendente al pulsar el filtro seria asi.



y si la linea fuera descendente el orden de las columnas seria asi.



Me gustaria saber si esto es posible. Pongo tambien el codigo del datagrid.

Código:

<mx:DataGrid id="m_dtgTimes" styleName="horarios" left="10" top="120" right="10" alpha="0" selectable="false" height="390" verticalScrollPolicy="off"> 
        <mx:columns> 
                <mx:DataGridColumn dataField="dayrange" headerText="RANGO DIAS" width="100" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.dayrange}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop0" headerText="{ xmlStops.lastResult[0].stops.item[0].name }" width="70" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop0}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop1" headerText="{ xmlStops.lastResult[0].stops.item[1].name }" width="120" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop1}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop2" headerText="{ xmlStops.lastResult[0].stops.item[2].name }" width="60" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop2}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop3" headerText="{ xmlStops.lastResult[0].stops.item[3].name }" width="140" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop3}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop4" headerText="{ xmlStops.lastResult[0].stops.item[4].name }" width="75" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop4}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop5" headerText="{ xmlStops.lastResult[0].stops.item[5].name }" width="105" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop5}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop6" headerText="{ xmlStops.lastResult[0].stops.item[6].name }" width="80" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop6}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop7" headerText="{ xmlStops.lastResult[0].stops.item[7].name }" width="100" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop7}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop8" headerText="{ xmlStops.lastResult[0].stops.item[8].name }" width="90" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop8}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
                <mx:DataGridColumn  dataField="stop9" headerText="{ xmlStops.lastResult[0].stops.item[9].name }" width="70" > 
                    <mx:itemRenderer> 
                        <mx:Component> 
                            <mx:Label text="{data.stop9}" textAlign="center"/> 
                        </mx:Component> 
                    </mx:itemRenderer> 
                </mx:DataGridColumn> 
            </mx:columns> 
    </mx:DataGrid>

Bueno, espero vuestra respuesta y un saludo. Gracias de forma anticipada.