main.mxml <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:vo="vo.*"> <fx:Declarations> <vo:Department id="department"/> <vo:DepartmentCollection id="deptCollection"/> </fx:Declarations> <mx:DataGrid includeIn="deptState" x="36" y="131" dataProvider="{deptCollection.departments}"> <mx:columns> <mx:DataGridColumn headerText="{'ID\nName'}" headerWordWrap="true" wordWrap="true" itemRenderer="NameColumn"/> <mx:DataGridColumn headerText="Manager" dataField="manager"/> <mx:DataGridColumn headerText="Salary" dataField="actualsalary"/> <mx:DataGridColumn headerText="Budget" dataField="budget"/> </mx:columns> </mx:DataGrid> </s:Application> (注)headerTextに改行コード(\n)を挿入して2行に表示しています。 ItemRenderer(NameColumn.mxml) <?xml version="1.0" encoding="utf-8"?> <mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" height="45" verticalScrollPolicy="off"> <mx:Text width="100%" text="{data.id}" /> <mx:Text width="100%" text="{data.name}"/> </mx:VBox> DepartmentCollection.as(vo) package vo { import mx.collections.ArrayCollection; [Bindable] public class DepartmentCollection { public var departments:ArrayCollection; public function DepartmentCollection() { } } } Department.as(vo) package vo { [Bindable] public class Department { public var id:int; public var name:String; public var budget : int; public var manager : String; public var salary : int; public function Department() { } } }