Multiples Subgrids jqgrid

[charly_vc]

Que tal, buenas a todos!!

Tengo un problema, quiero agregar multiples subgrids a un grid generado con JQGrid, es decir tener tres niveles

1 Grid
1.1 Subgrid 1
1.1.1 Subgrid 2

La cosa es que el primer subgrid si me funciona pero el subgrid 2 que debe de ser hijo del subgrid 1 me aparece en blanco. imagen de como me lo muestra:




una parte de mi codigo es el siguiente:

Código Javascript:

subGrid: true,
                subGridOptions: {
        "plusicon"  : "ui-icon-triangle-1-e",
        "minusicon" : "ui-icon-triangle-1-s",
        "openicon"  : "ui-icon-arrowreturn-1-e",
        // load the subgrid data only once
        // and the just show/hide
        "reloadOnExpand" : false,
        // select the row when the expand column is clicked
        "selectOnExpand" : true
    },
                subGridRowExpanded: function(subgrid_id, row_id) {
                    var subgrid_table_id, pager_id;
                    subgrid_table_id = subgrid_id+"_t";
                    pager_id = "p_"+subgrid_table_id;
                    $j_6("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>");
                    $j_6("#"+subgrid_table_id).jqGrid({
                        url:"grids/tdoctosDatosGrid.php?referencia="+row_id,
                        datatype: "json",
                        colNames: ['ref_id','ID','Tipo de Documento'],
                        colModel: [
                            {name:"ref_id",hidden: true,index:"ref_id",width:50, key: true},
                            {name:"id",index:"id",width:50},
                            {name:"nombre",index:"nombre",width:650},
                        ],
                        rowNum:20,
                        pager: pager_id,
                        sortname: 'id',
                        sortorder: "asc",
                        loadError : function(xhr, st, str){alert("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText);},
                        height: '100%',
                        //Inicia Subgrid de archivos
                        
                        subGrid: true,
                        subGridOptions: {
                            "plusicon"  : "ui-icon-triangle-1-e",
                            "minusicon" : "ui-icon-triangle-1-s",
                            "openicon"  : "ui-icon-arrowreturn-1-e",
                            // load the subgrid data only once
                            // and the just show/hide
                            "reloadOnExpand" : false,
                            // select the row when the expand column is clicked
                            "selectOnExpand" : true
                        },
                        subGridRowExpanded: function(subgrid_id2, row_id2) {
                            subgrid_id2 = subgrid_id2.replace("|","");
                            var arr = row_id2.split('\|');
                            var subgrid_table_id, pager_id;
                            subgrid_table_id = subgrid_id2+"_t2";
                            
                            pager_id = "p2_"+subgrid_table_id;
                            $j_6("#"+subgrid_id2).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>");
                            $j_6("#"+subgrid_table_id).jqGrid({
                                //url:"grids/doctosExpDatosGrid.php?tdocto_exp="+arr[1]+"&referencia="+arr[0],
                                url:"grids/doctosExpDatosGrid.php",
                                datatype: "json",
                                colNames: ['Referencia','Tipo de Documento','ID','Nombre Archivo','Nombre Documento','Fecha Documento'],
                                colModel: [
                                    {name:"referencia", index:"referencia", width:150},
                                    {name:"tdocto_exp", index:"tdocto_exp", width:150},
                                    {name:"iddocto", index:"iddocto", width:150},
                                    {name:"nombre_archivo", index:"nombre_archivo", width:200},
                                    {name:"nombre_docto", index:"nombre_docto", width:200},
                                    {name:"fecha_docto", index:"fecha_docto", width:150},
                                ],
                                rowNum:20,
                                pager: pager_id,
                                sortname: 'fecha_docto',
                                sortorder: "asc",
                                loadError : function(xhr, st, str){alert("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText);},
                                height: '100%'
                            });
                            $j_6("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false})
                        }
                        //Termina Subgrid de archivos
    
                    });
        $j_6("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false})
    }
 

Alguien me podria ayudar a ver en que parte tengo el error.

Gracias de antemano.