How to add an image to Column Header in Flex DataGrid

After some looking around , i found out that i didn't see an easy example on how to add images to Column Headers in Flex Data Grid

Well ,this is not too complected to do in Flex3
When defining a DataGridColum , it is possible to specify a HeaderRenderer. In our case the header renderer will simply be an image.
See code below:

<mx:DataGridColumn dataField="desc">
<mx:headerRenderer>
<mx:Component>
<mx:Image toolTip="This is a column with an image " source="@Embed(source='IconInHeader.png')" verticalAlign="middle" horizontalAlign="center"/>
</mx:Component>
</mx:headerRenderer>
</mx:DataGridColumn>
</mx:columns>

See full source code here:
http://www.softologia.com/sites/default/files/IconInHeader.rar