How to insert button(or other control) in row of Datagrid

Question

Hi Friends,
i create button with in datagrid but the button it can't display of datagrid ..If i any mistake the below coding please any one help to me..
coding Is:
<mx:DataGrid id="grd1"  x="41" y="203" width="159">
<mx:columns>
   <mx:DataGridColumn headerText="Button" >
    <mx:itemRenderer>
     <fx:Component>
      <mx:HBox>
         <s:Button name="OK"  id="btn_ok"/>
      </mx:HBox>
     </fx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="Cancel button" >
    <mx:itemRenderer>
     <fx:Component>
      <mx:HBox>
         <s:Button name="Cancel"  id="btn_cancel"/>
      </mx:HBox>
     </fx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>
<mx:columns>
</mx:DataGrid>
Thanks,
Magesh R.

Answer 1

There are few mistakes in your code. The one with red color are mistakes.
<mx:DataGrid id="grd1"  x="41" y="203" width="159">
<mx:columns>
   <mx:DataGridColumn headerText="Button" >
    <mx:itemRenderer>
     <fx:Component>
      <mx:HBox>
         <s:Button name="OK"  id="btn_ok"/>
      </mx:HBox>
     </fx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="Cancel button" >
    <mx:itemRenderer>
     <fx:Component>
      <mx:HBox>
         <s:Button name="Cancel"  id="btn_cancel"/>
      </mx:HBox>
     </fx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>
<mx:columns>
</mx:DataGrid>
instead of fx type mx. even for s:button use mx:button
you should have a closing tag fro columns </mx:columns>
you sould not use name property for button unless it is your custome property. use label instead of name.
I am sending you sample MXML code as attachment after correcting your code. Just go through it. try to execute.