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>