[flexcoders] Button in DatGrid problem

[markflex2007]

Hi,

I add a buttin in datagrid.But why the button always fill the all
column width. I try to set it 20 but the column width is 100.
it always like 100 in the layout. why?

Thanks


Mark


<mx:DataGrid id="dg1"  dataProvider ="{dp}">
       
        <mx:columns>
        <mx:DataGridColumn  width="100" headerText="" >
             <mx:itemRenderer>
                        <mx:Component>                               
                           
                           <mx:Button    label="Select it" width="20"
/>                         
                        </mx:Component>
                    </mx:itemRenderer>
                    
         </mx:DataGridColumn> 
         
         <mx:DataGridColumn headerText="names" dataField="names"
width="200" />
         <mx:DataGridColumn headerText="sex" dataField="sex"
width="300" />
       
        </mx:columns>
    </mx:DataGrid>