[flexcoders] sorting a datagrid column with an itemrenderer

[kpjj31]

How would I go about sorting a datagrid taht has one column.
This column has an item renderer.

<mx:DataGridColumn headerText="Enrolled By" dataField="FNAME" 
id="enrolled_header">
                                        
<mx:itemRenderer>
                                        
<mx:Component>
                                                
<mx:VBox verticalGap="-3" paddingLeft="15">

<mx:Label text="{outerDocument.setEnrolledByName(data.ENROLLADMITBYINFO 
.FNAME,data.ENROLLADMITBYINFO .LNAME)}" useHandCursor="true" buttonMode="true"  
mouseChildren="false" disabledColor="#666666" fontWeight="normal"/>

<mx:Label text="{data.ENROLLADMITBYINFO.JOBTITLE}" useHandCursor="true" 
buttonMode="true"  mouseChildren="false" disabledColor="#666666" 
fontWeight="normal" />

<mx:Label text="{data.ENROLLADMITBYINFO.DEPARTMENT}" useHandCursor="true" 
buttonMode="true" fontWeight="normal" mouseChildren="false" 
disabledColor="#666666" />

<mx:Label text="{data.ENROLLADMITBYINFO.LOCATION}"  useHandCursor="true" 
buttonMode="true" fontWeight="normal" mouseChildren="false" 
disabledColor="#666666"/>

<mx:Label text="{data.ENROLLADMITBYINFO.REGION}"  useHandCursor="true" 
buttonMode="true" fontWeight="normal" mouseChildren="false" 
disabledColor="#666666"/>

</mx:VBox>
                                                
</mx:Component>
                                                
</mx:itemRenderer>
                                        
</mx:DataGridColumn>