Grid with subgrid

I am trying to create a main grid that will eventually have multiple subgrids within its columns. My code is as follows:

            myGrid.setImagePath("../../content/codebase/imgs/");
            myGrid.setHeader(" ,Id,Customer,2015 (Euro),2016 (Euro),2017 (Euro),2018 (Euro),2019 (Euro),Total (Euro)");
            myGrid.setColumnIds("_Id,_Id,_Customer,_Year1,_Year2,_Year3,_Year4,_Year5,_Total");
            myGrid.setInitWidths("30,50,200,100,100,100,100,100,100");
            myGrid.setColAlign("left,left,left,left,left,left,left,left,left");
            myGrid.setColTypes("sub_row_grid,ro,ed,grid,edn,edn,edn,edn,ron");
            myGrid.setSubGrid(subGrid, 2, 3);
            myGrid.init();
            myGrid.load(mainGridURL, "js");

            myGrid.attachEvent("onSubGridCreated", function (subGrid) {
                subGrid.setImagePath("../../content/codebase/imgs/");
                subGrid.setHeader("Id,Month,Revenue,Total(Euro)");
                subGrid.setColumnIds("_Id,_Month,_EstRevenue,_Total");
                subGrid.setInitWidths("50,50,100,100");
                subGrid.enableAutoHeight(true);
                subGrid.setColTypes("ro,ed,edn,ro");
                subGrid.enableEditEvents(true, false, false);
                subGrid.init();
                subGrid.load(subGridURL, "js");
                return true;  // block default behavior
            });

What needs to be done so that the subgrid opens when the +/- is selected and is editable when it opens?

myGrid.attachEvent("onSubGridCreated", function (subGrid) { subGrid.setImagePath("../../content/codebase/imgs/"); subGrid.setHeader("Id,Month,Revenue,Total(Euro)"); ... return true; // block default behavior });

you need to “return false” to block the default behavior