Row Detail contain grid goes blank and scroll on top

Row Detail contain grid goes blank and scroll on top

Posted by: pmithilesh on 19 November 2020, 12:52 am EST

• 

  pmithilesh

  • Post Options:
  • Link
    Copy

  Posted 19 November 2020, 12:52 am EST - Updated 3 October 2022, 6:11 am EST

  Hi,
  
  I am working on Row Detail where i have nested grid inside master grid,
  
  When i hit f12 or resize the browser or change the record in row detail grid the whole grid keeps scrolling on top and appears

  this is a sample code for Row details and attached is the image

  <ng-template wjFlexGridDetail #dp=“wjFlexGridDetail” [maxHeight]=“150” [detailVisibilityMode]=“‘ExpandSingle’” let-item=“item” [isAnimated]=“true”>
  
  <wj-flex-grid [itemsSource]=“buildDataForPart” [isReadOnly]=“true”>
  
  

      </ng-template>
  

  blank

  

  1494×210 19.8 KB

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 19 November 2020, 5:03 pm EST

  Hi Mithilesh,

  We are sorry but we were unable to replicate the issue at our end. Please refer to the sample link below that we used to replicate the issue:

  https://www.grapecity.com/wijmo/demos/Grid/Master-Detail/NestedGrids(RowDetail)/angular

  Can you please let us know whether we are missing something in order to replicate the issue? Also, does this happens in any specific browser or all the browsers?

  Can you also try one solution? After opening the dev’s console using F12, when the inner grid goes blank, execute the following command:

  wijmo.Control.invalidateAll();
  

  Let us know if this works.

  Regards,
  
  Ashwin