main.mxml
<![CDATA[
<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)
<![CDATA[
<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)
<![CDATA[
package vo
{
import mx.collections.ArrayCollection;
[Bindable]
public class DepartmentCollection
{
public var departments:ArrayCollection;
public function DepartmentCollection()
{
}
}
}
]]>
Department.as(vo)
<![CDATA[
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()
{
}
}
}
]]>