DataGrid 行に画像表示

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="546" height="279">
	<mx:Script>
		<![CDATA[
			import mx.collections.XMLListCollection;
			
			/** 表示用XML */
			[Bindable]
				private var xmldata:XML =
					<root>
						<List text="AAAAAAAAAA" imgUrl="./img/1.gif" />
						<List text="BBBBBBBBBB" imgUrl="./img/2.gif" />
						<List text="CCCCCCCCCC" imgUrl="./img/3.gif" />
						<List text="DDDDDDDDDD" imgUrl="./img/4.gif" />
					</root>;
			
			[Bindable]
				public var list:XMLListCollection = new XMLListCollection(xmldata.List);
			
		]]>
	</mx:Script>
	
	<!-- データグリッド -->
	<mx:DataGrid id="dataGrid" x="10" y="10" dataProvider="{list}">
		<mx:columns>
			<mx:DataGridColumn headerText="文字" dataField="@text"/>
			<mx:DataGridColumn headerText="画像" dataField="@imgUrl" itemRenderer="mx.controls.Image"/>
		</mx:columns>
	</mx:DataGrid>
	
</mx:Application>