Flex DataGrid多表头实现

<mx:AdvancedDataGrid id="kkcsxxDataGrid" width="100%" height="100%" columnWidth="200" 
					 selectionMode="multipleCells"
					 allowMultipleSelection="true"
					 sortableColumns="false" sortExpertMode="true" designViewDataType="tree">
	<mx:groupedColumns>
		<mx:AdvancedDataGridColumn dataField="CODE" headerText="代码" width="70"/>
		<mx:AdvancedDataGridColumn dataField="NAME" headerText="名称" width="100"/>
		<mx:AdvancedDataGridColumnGroup headerText="近景">
			<mx:AdvancedDataGridColumnGroup headerText="图片尺寸">	
				<mx:AdvancedDataGridColumn dataField="PICWIDTH1" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="PICHEIGHT1" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>	
			<mx:AdvancedDataGridColumnGroup headerText="检测区">
				<mx:AdvancedDataGridColumn dataField="Area_X1" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_Y1" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_W1" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_H1" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>
			<mx:AdvancedDataGridColumnGroup headerText="位置">
				<mx:AdvancedDataGridColumn dataField="Plate_X1" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_Y1" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_W1" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_H1" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>		
		</mx:AdvancedDataGridColumnGroup>
		<mx:AdvancedDataGridColumnGroup headerText="远景">	
			<mx:AdvancedDataGridColumnGroup headerText="图片尺寸">	
				<mx:AdvancedDataGridColumn dataField="PICWIDTH2" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="PICHEIGHT2" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>	
			<mx:AdvancedDataGridColumnGroup headerText="检测区">
				<mx:AdvancedDataGridColumn dataField="Area_X2" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_Y2" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_W2" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_H2" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>
			<mx:AdvancedDataGridColumnGroup headerText="位置">
				<mx:AdvancedDataGridColumn dataField="Plate_X2" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_Y2" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_W2" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_H2" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>		
		</mx:AdvancedDataGridColumnGroup>
		<mx:AdvancedDataGridColumnGroup headerText="特写">	
			<mx:AdvancedDataGridColumnGroup headerText="图片尺寸">	
				<mx:AdvancedDataGridColumn dataField="PICWIDTH3" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="PICHEIGHT3" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>	
			<mx:AdvancedDataGridColumnGroup headerText="检测区">
				<mx:AdvancedDataGridColumn dataField="Area_X3" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_Y3" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_W3" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_H3" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>
			<mx:AdvancedDataGridColumnGroup headerText="位置">
				<mx:AdvancedDataGridColumn dataField="Plate_X3" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_Y3" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_W3" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_H3" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>	
		</mx:AdvancedDataGridColumnGroup>
	</mx:groupedColumns>
</mx:AdvancedDataGrid>


效果图:


原文地址:https://www.cnblogs.com/whisht/p/3085067.html