So I have spent a couple days on this with no luck. Here is the HTML file:

html, body {

margin: 0;

padding: 0;

font-size: 75%;

}

function filljqGrid() {

jQuery("#orders").jqGrid({

url : "http://127.0.0.1:5000",

datatype : "json",

mtype : "GET",

height : "auto",

sortname : 1,

rowNum : 10,

rowList : ['10', '20', '30'],

colNames : ['Id', 'GeneratedBy', 'Type', 'Route', 'State', 'TimeCreated'],

colModel : [{name : 'id', index : 1, width : 60},

{name : 'generatedBy', index : 2, width : 90, align : "right"},

{name : 'type', index : 3, width : 100, align : "right"},

{name : 'route', index : 4, width : 80, align : "right"},

{name : 'state', index : 5, width : 80, align : "right"},

{name : 'timecreated', index : 6, width : 80, align : "right"}],

pager : "#pager",

multiselect : true,

viewrecords : true,

caption : "Manipulating Array Data"

});

}