Flex中DataGrid多表头的实现

前几天做项目过程中，遇到一个功能需要DataGrid多表头，Google许久也没有找到。

这本身是个很简单的问题，只怪自己太信任Flex Build的代码自动提示功能，当在“AdvancedDataGridColumnGroup”
下继续添加“AdvancedDataGridColumnGroup”时，代码提示中没有显示“AdvancedDataGridColumnGroup”
组件，于是我想当然的认为“AdvancedDataGridColumnGroup”组件下无法继续添加“AdvancedDataGridColumn
Group”（可能是Flex Build 3的问题）
示例代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%">
	<mx:Script>
		<![CDATA[

		]]>
	</mx:Script>
	<!--<report:MonthlyReportInfoCollection width="100%" height="100%"/>-->
	<mx:AdvancedDataGrid width="100%" height="100%">
		<mx:groupedColumns>
			<mx:AdvancedDataGridColumnGroup headerText="top1">
				<mx:AdvancedDataGridColumnGroup headerText="top2">
					<mx:AdvancedDataGridColumn headerText="top3"/>
					<mx:AdvancedDataGridColumn headerText="top3"/>
				</mx:AdvancedDataGridColumnGroup>
				<mx:AdvancedDataGridColumn headerText="top2"/>
				<mx:AdvancedDataGridColumnGroup headerText="top2">
					<mx:AdvancedDataGridColumnGroup headerText="top3">
						<mx:AdvancedDataGridColumn headerText="top4"/>
						<mx:AdvancedDataGridColumn headerText="top4"/>
					</mx:AdvancedDataGridColumnGroup>
					<mx:AdvancedDataGridColumn headerText="top3"/>
				</mx:AdvancedDataGridColumnGroup>
			</mx:AdvancedDataGridColumnGroup>
		</mx:groupedColumns>
	</mx:AdvancedDataGrid>
</mx:Application>

效果如下图：