title: jqGrid add buttons ti each row
body: <p>I am new to jqGrid I want to add button to jqGrid I have reffered <a href="http://www.trirand.com/blog/jqgrid/jqgrid.html" rel="nofollow noreferrer">jqGridDemo</a> and did the same but instead of showing button it is showing me the string value for be</p>
  
  <p>My sample code is </p>
  
  <pre><code>jQuery("#rowed2").jqGrid({
      url:'server.php?q=3',
      datatype: "json",
      colNames:['Buttons','type','school'],
      colModel:[
          {name:'act',index:'act', width:75,sortable:false},
          {name:'type',index:'type', width:55},
          {name:'school',index:'school', width:90, editable:true}],
      rowNum:10,
      rowList:[10,20,30],
      pager: '#prowed2',
      sortname: 'id',
      viewrecords: true,
      sortorder: "desc",
      gridComplete: function(){
          var ids = jQuery("#rowed2").jqGrid('getDataIDs');
          for(var i=0;i &lt; ids.length;i++){
              var cl = ids[i];
              be = "&lt;input style='height:22px;width:20px;' type='button' value='E' onclick=\"jQuery('#rowed2').editRow('"+cl+"');\"  /&gt;"; 
              se = "&lt;input style='height:22px;width:20px;' type='button' value='S' onclick=\"jQuery('#rowed2').saveRow('"+cl+"');\"  /&gt;"; 
              ce = "&lt;input style='height:22px;width:20px;' type='button' value='C' onclick=\"jQuery('#rowed2').restoreRow('"+cl+"');\" /&gt;"; 
              jQuery("#rowed2").jqGrid('setRowData',ids[i],{act:be+se+ce});
          }   
      }
  
  });
  jQuery("#rowed2").jqGrid('navGrid',"#prowed2",{edit:false,add:false,del:false});
  </code></pre>
  
  <p>I am getting result as <img src="https://i.stack.imgur.com/s2T5E.png" alt="enter image description here"></p>
  
  <p>Where am I lacking?</p>