Below is the grid code:

$(“#ruleTable”).jqGrid({$(“#ruleTable”).jqGrid({    url: u,        datatype: “json”,        jsonReader: {repeatitems: true, id: “ref”},        colNames:[‘ID’, ‘Rule’,’Description’,’Business Process’, ‘Sub Process’, ‘Type’],        colModel:[            {name :’id’,index:’id’, hidden:true, index : ‘id’, editable : false, key:true},            {name:’ruleName’,index:’ruleName’, formatter: ruleHyperLink},            {name:’ruleDescription’,index:’ruleDescription’},            {name:’businessProcess.name’,index:’businessProcess.name’},            {name:’subProc.name’,index:’subProc.name’},            {name:’ruleType.name’,index:’ruleType.name’}        ],        autowidth: true,        rowNum:10,        rowList:[10,20,30,50,100,150,200],        height:250,        pager: “#pagingDiv”,        viewrecords: true,        caption: “”,        multipleSearch: true,    multiselect:true,    shrinkToFit:true    }); $(“#ruleTable”).jqGrid(‘navGrid’,’#pagingDiv’, {search:true,add:false,edit:false,del:false,refresh: true,multipleGroup:true,}); $(“#ruleTable”).jqGrid(‘filterToolbar’,{stringResult: true,searchOnEnter : false}); $(“#deleteRule”).click(deleteRuleFunc); $(“#ruleTable”).jqGrid(‘navButtonAdd’, ‘#pagingDiv’,        { caption: “”, buttonicon: “ui-icon-gear”,    title: “Choose Columns”,    onClickButton: function() {     jQuery(“#ruleTable”).jqGrid(‘columnChooser’);    }  });