$(function () {//define colModel var colM = [ {title: "Part", width: 120, dataIndx: "Part", align: "left", cls: 'result'}, {title: "Description", width: 225, dataIndx: "Description", align: "left"}, {title: "Price", width: 75, dataIndx: "Price", align: "right", dataType: "float"}, {title: "Orig Price", width: 75, dataIndx: "Origprice", align: "right", dataType: "float"}, {title: "Net Price", width: 75, dataIndx: "Net", align: "right", dataType: "float"}, {title: "Supplier", width: 75, dataIndx: "Supplier", align: "center", dataType: "integer"}, {title: "Updated", width: 100, dataIndx: "Updated", align: "right"} ]; var dataModel = { location: "remote", dataType: "JSON", method: "POST", curPage: 1, getUrl: function (ui) { return { url: "utilities/ajax_get_catalog_data_JSON.php", data: { pq_rpp: this.rPP, pq_curpage: this.curPage } }; }, getData: function (dataJSON) { return {curPage: dataJSON.curPage, totalRecords: dataJSON.totalRecords, data: dataJSON.data}; } }; var obj = $("div#catalog_grid").pqGrid({ width: 900, height: 400, dataModel: dataModel, colModel: colM, pageModel: {type: "remote", rPP: 20, strRpp: "{0}"}, collapsible: false, wrap: false, hwrap: false, title: "Catalog", resizable: true }); var grid = $("#catalog_grid").pqGrid(obj);