具有动态列名称的jQgrid不显示数据

Question

我正在尝试使用动态列名加载jQgrid。以下是我的代码。问题是列名是动态加载但数据没有显示。我尝试过一些不同的方法但没有成功。

  function onSuccess(jsonData) {

        var dataModel = [];

        for (prop in jsonData[0]) {

                dataModel.push({
                        label: prop,
                        name: prop,
                        index: prop,
                        width: 100,
                        sortable: true,
                        hidden: false
                    });


         }
         $("#tblPayrollEmployee").jqGrid({
                     data: jsonData,
                     colModel: dataModel,
                     viewrecords: true, 
                     width: 780,
                     height: 200,
                     rowNum: 15,
                     datatype: 'local',
                     pager: "#jqGridPager",
                     caption: "dynamin grid"
        });
  });

jsonData结构

dataModel结构