unable to display grid when calling grid.parse

On calling grid.parse(jsonstr, ‘json’) in js code the report is not getting displayed nor it throws any error though all the headers are getting displayed. Code below:

function getReportData(data) {
var gr = new dhtmlXGridObject(‘gridbox’);
gr.selMultiRows = true;
gr.setHeader(data[‘tVals’][‘header’]);
gr.setInitWidths(data[‘tVals’][‘init_widths’]);
gr.setColAlign(data[‘tVals’][‘col_align’]);
gr.setColTypes(data[‘tVals’][‘col_types’]);
gr.setColSorting(“str,str”);
gr.init();
gr.parse(data[‘gData’], ‘json’);
}
PS: data has all the relevant information required by the code. Also my html has following js imports:

dhtmlxcommon.js
dhtmlxgrid.js
dhtmlxgridcell.js
dhtmlxtreegrid.js
dhtmlxgrid_json.js
dhtmlxgrid_hextra.js
jquery version 1.6.1

can you provide a snippet of data[‘gData’] ?
Also, there is a known issue with json loading - please try to use the updated js file instead of the original one.
dhtmlxgrid_json.zip (2.5 KB)