title: Highlight row when the checkbox is true
body: <p>Can Some one help me, I have a jqgrid and I want to highlight the row if the checkbox is true, thanks!!</p>
  
  <p><img src="https://i.stack.imgur.com/gNi4x.jpg" alt="enter image description here"></p>
  
  <p>this is what i want to make in this project...</p>
  
  <pre><code>function loadjqGrid(jsonGridData){
      var xaxis=1300
      var yaxis = $(document).height();
      yaxis = yaxis-500;
      getGrids();     
      $("#maingrid").jqGrid({
          url:'models/mod.quoservicetypedetails.php?ACTION=view',
          mtype: 'POST',
          datatype: 'xml',
          colNames:getColumnNames(jsonGridData),
          colModel :[ 
              {name:'TypeID', index:'TypeID', width:350,hidden:true, align:'center',sortable:false,editable:true,
              edittype:"select",editoptions:{value:getTypeID()},editrules: { edithidden: true}},  
              {name:'Order1', index:'Order1', width:80, align:'center',sortable:false,editable:true,edittype:"textarea",editoptions:{size:"30",maxlength:"30"}},                  
              {name:'Order2', index:'Order2', width:80, align:'center',sortable:false,editable:true,edittype:"textarea",editoptions:{size:"30",maxlength:"30"}}, 
              {name:'Order3', index:'Order3', width:80, align:'center',sortable:false,editable:true,edittype:"textarea",editoptions:{size:"30",maxlength:"30"}},                      
              {name:'Description', index:'Description', width:140, align:'center',sortable:false,editable:true,
              edittype:"textarea",editoptions:{size:"30",maxlength:"30"}},                    
              {name:'Notes', index:'Notes', width:120, align:'center',sortable:false,editable:true,edittype:"textarea",editoptions:{size:"30",maxlength:"30"}}, 
              {name:'Measure', index:'Measure', width:80, align:'center',sortable:false,editable:true, edittype:"textarea", editoptions:{size:"30",maxlength:"30"}},                  
              {name:'UnitPrice', index:'UnitPrice', width:100, align:'center',sortable:false,editable:false,edittype:"textarea",editoptions:{size:"30",maxlength:"30"}},  
              {name:'Remarks', index:'Remarks', width:140, align:'center',sortable:false,editable:true,edittype:"textarea",editoptions:{size:"30",maxlength:"30"}}, 
              {name:'UnitCost', index:'UnitCost', width:100, align:'center',sortable:false,editable:true,edittype:"textarea",editoptions:{size:"30",maxlength:"30"}},     
              {name:'Service', index:'Service', width:120, align:'center',sortable:false,editable:true,edittype:"textarea",editoptions:{size:"30",maxlength:"30"}}, 
              //If the GroupHeader is true the row background is yellow
              {name:'GroupHeader', index:'GroupHeader', width:100, align:'center',sortable:false,editable:true,formatter:'checkbox', edittype:'checkbox', type:'select', editoptions:{value:"1:0"}}, 
              {name:'IsGroup', index:'IsGroup', width:80, align:'center',sortable:false,editable:true,formatter:'checkbox', edittype:'checkbox', type:'select', editoptions:{value:"1:0"}}, 
          ],
          viewrecords: true,  
          rowNum:20,
          sortname: 'id', 
          viewrecords: true, 
          sortorder: "desc",
          height: yaxis,
          pager : '#gridpager',
          recordtext: "View {0} - {1} of {2}",
          emptyrecords: "No records to view",
          loadtext: "Loading...",
          pgtext : "Page {0} of {1}",         
          height: yaxis,
          width: xaxis,
          shrinkToFit: false,
          multiselect: true,
          editurl:'models/mod.quoservicetypedetails.php?ACTION=edit'
      }); 
  }
  </code></pre>
  
  <p>How could I do this? Can someone help me?</p>