Use Panel to layout controls and hold DataGrid
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Panel x="10" y="10" width="250" height="200" layout="absolute" title="Panel 1"> <mx:Button x="10" y="10" label="Button"/> <mx:Label x="10" y="40" text="Label"/> <mx:HSlider x="10" y="66"/> <mx:DateField x="10" y="86"/> </mx:Panel> <mx:Panel x="268" y="10" width="250" height="200" layout="absolute" title="Panel 2"> <mx:DataGrid x="10" y="8" width="210"> <mx:columns> <mx:DataGridColumn headerText="Column 1" dataField="col1"/> <mx:DataGridColumn headerText="Column 2" dataField="col2"/> <mx:DataGridColumn headerText="Column 3" dataField="col3"/> </mx:columns> </mx:DataGrid> </mx:Panel> </mx:Application>