DataGrid column with an inline item renderer
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
backgroundColor="white">
<mx:Script>
import mx.collections.ArrayCollection;
[Bindable]
public var myAC:ArrayCollection = new ArrayCollection([
{firstName:"A",lastName:"AA",email:"a@d.com"},
{firstName:"T",lastName:"TT",email:"t@d.com"},
{firstName:"F",lastName:"FF",email:"f@d.com"},
{firstName:"E",lastName:"EE",email:"e@d.com"},
{firstName:"R",lastName:"RR",email:"r@d.com"}
]);
</mx:Script>
<mx:DataGrid id="dg" width="500" height="100" dataProvider="{myAC}">
<mx:columns>
<mx:DataGridColumn headerText="Name">
<mx:itemRenderer>
<mx:Component>
<mx:Text text="{data.firstName} {data.lastName}" />
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
</mx:Application>
Related examples in the same category