Variable row heights
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="white" layout="vertical"> <mx:Array id="arr"> <mx:Object articleName="this is a test. this is a test. this is a test. this is a test" data="15" /> <mx:Object articleName="B" data="14" /> <mx:Object articleName="C" data="13" /> <mx:Object articleName="D" data="10" /> <mx:Object articleName="E" data="9" /> <mx:Object articleName="F" data="8" /> <mx:Object articleName="G" data="7" /> <mx:Object articleName="H" data="6" /> </mx:Array> <mx:ArrayCollection id="arrColl" source="{arr}" /> <mx:DataGrid id="dataGrid" dataProvider="{arrColl}" variableRowHeight="true" width="100%" height="100%"> <mx:columns> <mx:DataGridColumn id="articleName" dataField="articleName" headerText="Name of article" wordWrap="true" /> <mx:DataGridColumn id="data" dataField="data" headerText="ID" /> </mx:columns> </mx:DataGrid> </mx:Application>