[flexcoders] AdvacncedDataGrid: Column Group Issue

[Patricia Han]

Hi There,

Have you ever successfully create a table or grid with hierarchical data and 
grouping some columns? I am trying to create a grid showing folders and want to 
group two columns. It does not work. Please let me know if you know the trick. 
Without the grouping, everything
Thanks in advance!

Nancy

Here's code I have,

<mx:AdvancedDataGrid id="myADG" 
                                width="100%" height="100%"  
variableRowHeight="true" selectionColor="#AAC5CE"
                                initialize="gc.refresh();">        
                                <mx:dataProvider>
                                    <mx:GroupingCollection id="gc" 
source="{serverData}">
                                        <mx:grouping>
                                            <mx:Grouping>
                                                <mx:GroupingField 
name="Servers"/>
                                                <mx:GroupingField name="Port"/>
                                            </mx:Grouping>
                                        </mx:grouping>
                                    </mx:GroupingCollection>
                                </mx:dataProvider>        
                                
                                <mx:columns>
                                    <mx:AdvancedDataGridColumn dataField="Port" 
headerText="Server/Port"/>
                                     <mx:AdvancedDataGridColumn 
dataField="VirtualResourceType" headerText="Virtual Type"/>
                                    <mx:AdvancedDataGridColumn dataField="CIR"/>
                                    <mx:AdvancedDataGridColumn dataField="PIR"/>
                                     <mx:AdvancedDataGridColumnGroup 
headerText="Capacity"> 
                                               AdvancedDataGridColumn 
dataField="Avail"/>
                                              AdvancedDataGridColumn 
dataField="Total"/>
                                    </mx:AdvancedDataGridColumnGroup> 
                                </mx:columns>
                           </mx:AdvancedDataGrid>