document.addEventListener("DOMContentLoaded", function() { $("#table").jqGrid({ url: ROOT + 'PCM/DataToDisplayPCM', datatype: "JSON", height: 'auto', rowNum: 10, rowList: [10, 20, 30], colModel: [{ name: 'ProdPriority', label: 'Priority', index: 'ProdPriority', width: 50 }, { name: 'ProductCode', label: 'Product Code', index: 'ProductCode', width: 80 }, { name: 'ProductName', label: 'Product Name', index: 'ProductName', width: 200 }, { name: 'DIV', label: 'Division', index: 'Division', width: 60 }, { name: 'Category', label: 'Categary', index: 'Category', width: 150 }, { name: 'SubCategory', label: 'SubCategary', index: 'SubCategory', width: 150 }, { name: 'Priority_1', label: 'Priority_1', index: 'Priority_1', width: 80 }, { name: 'Priority1per', label: 'Priority_1%', index: 'Priority1per', width: 80 }, { name: 'Priority_2', label: 'Priority_2', index: 'Priority_2', width: 80 }, { name: 'Priority2per', label: 'Priority_2%', index: 'Priority2per', width: 80 }, { name: 'Priority_3', label: 'Priority_3', index: 'Priority_3', width: 80 }, { name: 'Priority3per', label: 'Priority_3%', index: 'Priority3per', width: 80 }, ], pager: "#prowed1", sortname: 'P_CODE', viewrecords: true, sortorder: "desc" }); jQuery("#table").jqGrid('navGrid', "#prowed1", { edit: false, add: false, del: false }); });