jQuery Grid Plugin - jqGrid

I have this jqgrid, it shows the expected data. I only want the price to be editable, but when I click in the grid it doesn't change to edit mode as it should. Nothing happens infact.

can you help???

 <script type="text/javascript">
                  var themeURL = '<%=AppHelper.themeImageUrl() %>';
                  var gridUr = '<%=ResolveUrl("~/Order/JsonAccessories" )%>';
                  jQuery("#Accessorylist").jqGrid({
                      url: gridUr,
                      datatype: 'json',
                      mtype: 'GET',
                      colNames: ['PartUID', 'FieldDesc', 'price'],
                      colModel: [
                               { name: 'id', index: 'id', width: 100, align: 'left', editable: false, editrules: { edithidden: true }, hidden: true },
                               { name: 'FieldDesc', index: 'Description', width: 300, align: 'left', editable:false },
                               { name: 'price', index: 'Price', width: 200, align: 'left', editable: true }

                                ],
                     

                      pager: jQuery('#Accessorypager'),
                      rowNum: 10,
                      rowList: [5, 10, 20, 50],
                      sortname: 'Id',
                      sortorder: "desc",
                      viewrecords: true,
                      onSelectRow: function(id) {
                      if (id && id !== lastsel) {
                          jQuery('#Accessorylist').jqGrid('restoreRow', lastsel);
                          jQuery('#Accessorylist').jqGrid('editRow', id, true); lastsel = id;
                      }
                  },
                      imgpath: themeURL,
                      height: '250px'
                  });
                  jQuery("#Accessorylist").jqGrid('navGrid', "#Accessorylist", { edit: false, add: false, del: false });
              
            </script>