title: jqGrid subgrid is not expanding
body: <p>I've followed the way shown in www.trirand.com / blog / jqgrid / jqgrid.html</p>
  
  <p>but the subgrid was not expanded </p>
  
  <p>This is my jqgrid code:</p>
  
  <pre><code> jQuery("#list").jqGrid({
              url:"../ajax_request/user_table_request.php",
              datatype: "json",
              mtype : "post",
              autoheight:true,
              autowidth:true,
              colNames:[
                  "Kode Jabatan Pengguna",
                  "Id Pengguna",
                  "Username",
                  "Nama Pengguna",
                  "Email",
                  "Id Jabatan",
                  "Nama Jabatan"
              ],
              colModel:[
                  {
                      name:"id",
                      index:"kode_jabatan",
                      align: "center",
                      width:15,
                      editable:false,
                      editoptions:{readonly:true,size:10},
                      hidden:false
                  },
  
                  {
                      name:"id_pengguna",
                      width:10,
                      editable:false,
                      editoptions:{readonly:true,size:10},
                      hidden:false
                  },
                  {
                      width:10,
                      editable:false,
                      editoptions:{readonly:true,size:10},
                      hidden:false
                  },
                  {
                      width:20,
                      editable:false,
                      editoptions:{readonly:true,size:20},
                      hidden:false
                  },
                  {
                      width:10,
                      editable:false,
                      editoptions:{readonly:true,size:10},
                      hidden:false
                  },
                  {
                      name:"id_jabatan",
                      width:10,
                      editable:false,
                      editoptions:{readonly:true,size:10},
                      hidden:false
                  },
                  {
                      width:10,
                      editable:false,
                      editoptions:{readonly:true,size:10},
                      hidden:false
                  }
              ],
              rowNum:10,
              rowList:[10,20,30,40,50,60,70,80,90,100],
              pager: '#pager',
              sortname: 'kode_jabatan',
              sortorder: "asc",
              subGrid : true,
              subGridUrl: '../ajax_request/grid_jabatan_request.php',
              subGridModel: [
                  {
                      name : ['Id Jabatan','Jabatan'],
                      width : [55,200],
                      params:['kode_jabatan']
                  }
              ],
              scrollbar: true
          });
          jQuery("#list").jqGrid('navGrid','#pager',{edit:true,add:false,del:false,search:false});
          jQuery("#list").jqGrid('gridResize',{minWidth:350,maxWidth:800,minHeight:80, maxHeight:350});
  </code></pre>
  
  <p>what am I doing wrong?
  Anybody have any ideas?</p>
  
  <p>I confused subgrid.js and grid.subgrid.js are they same?</p>