[flexcoders] AdvancedDataGridColumnGroup Dynamically Speaking...

[w_page3]

Here is the code...I am getting 3 columns for each set instead of 2 
coloumns with a grouped header...Obviously I am missing something...A 
nudge in the right direction would be helpful...

var length : int = Storesdp.length;
for( var i : int = 0; i < length; i++ ){
   oColumnDef_amt = new AdvancedDataGridColumn(i+"_amt");
   oColumnDef_amt.headerText = "Amount"
   oColumnDef_amt.dataField = "S"+Storesdp.getItemAt(i).data+"_amt";
   oColumnDef_amt.width = 100;
   oColumnDef_amt.sortable = true;
   oColumnDef_amt.visible = true;
   oColumnDef_amt.editable = false;
   oColumnDef_amt.wordWrap = false;
   oColumnDef_amt.labelFunction = amtLabelFunction;
   oColumnDef_amt.setStyle("textAlign","right");
                         
   colArray.push(oColumnDef_amt);

   oColumnDef_cnt = new AdvancedDataGridColumn(i+"_cnt");
   oColumnDef_cnt.headerText = "Count";
   oColumnDef_cnt.dataField = "S"+Storesdp.getItemAt(i).data+"_cnt";
   oColumnDef_cnt.width = 50;
   oColumnDef_cnt.sortable = true;
   oColumnDef_cnt.visible = true;
   oColumnDef_cnt.editable = false;
   oColumnDef_cnt.wordWrap = false;
   //oColumnDef.labelFunction = amtLabelFunction;                               
        
   oColumnDef_cnt.setStyle("textAlign","right");
                         
   colArray.push(oColumnDef_cnt);

   var columnGroup:AdvancedDataGridColumnGroup=new 
      AdvancedDataGridColumnGroup(String(i));
   columnGroup.headerText=Storesdp.getItemAt(i).label;
   //columnGroup.children.push(                                         
   columnGroup.children.push(oColumnDef_amt);                                   
        
   columnGroup.children.push(oColumnDef_cnt);
                                                
   colArray.push(columnGroup);                                  
}
_columns = colArray;
adg.columns = _columns;