Overlaps when first Expand subgrid

hi im facing issue when expand grid the data grid got overlaps.
here is my code .

 this.grid.attachEvent(
      'onSubGridCreated',
      (subgrid: any, rowid: any, cellid: any, s: any) => {
        this.grid.clearSelection();
        this.grid.setSizes();
        this.subGrid = subgrid;
        this.subGrid.enableRowsHover(true, `grid_hover_${GLOBAL_SKIN}`);
        subgrid.attachEvent('onXLE', function () {
          subgrid.setColumnHidden(1, true);
        });
        
        this.getSubList(rowid);
        subgrid.callEvent('onGridReconstructed', []);

        return false;
      }
    );

there is function/config to set auto height for row ?

Instead of :

Please, try to use:

subgrid.attachEvent('onXLE', function () {
   subgrid.setColumnHidden(1, true);
   subgrid.callEvent(“onGridReconstructed”,[]);
   subgrid.setSizes();
   this.grid.setSizes();
});
1 Like

thank you this one is worked