wjFlexGridDetail height not equal to template height

wjFlexGridDetail height not equal to template height

Posted by: andy-espinosa on 14 September 2017, 12:01 pm EST

• 

  andy-espinosa

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 14 September 2017, 12:01 pm EST

  when expanding wjFlexGridDetail the detail container does not adjust to the height of the template when moving from one row to another.

  How do I ensure the detail height resizes to the template content?

  Here is the code for the wjFlexGridDetail.

      <ng-template wjFlexGridDetail [detailVisibilityMode]="'ExpandSingle'" let-item="item">
          <div style="padding:5px;background-color:darkblue">
              <grid-detail-component [oppDetail]="item"></grid-detail-component>
          </div>
      </ng-template>
  

  See attached for height mismatch

  Thanks!

  Andy

  

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:01 pm EST

  Hello Andy,
  
  We are sorry, we are unable to replicate issue at our end with latest build 5.20171.282 which can be downloaded form here.

  For your reference, please see the attached sample that implements the same.

  The possible reason according to screenshot may be CSS/styling.

  If issue persists, please share a sample depicting your issue so that we can assist you accordingly.

  Thanks,
  
  Manish Kumar Gupta
  
  2017/04/FlexGrid_row_detail_dataMap.zip

• 

  andy-espinosa

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:01 pm EST

  Manish,

  I’ve reviewed all your documentation and examples including the one you provided however they all assume that the template is a grid.

  By chance would you have an example of wjFlexGridDetail containing a template without a grid component?

  Thanks,
  
  Andy

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:01 pm EST

  Hello Andy,
  
  The same behavior can be observed with custom template.
  
  For your reference, please see the demo sample’s Using custom elements to show or hide details section:
  
  http://demos.wijmo.com/5/Angular2/RowDetails/RowDetails/

  Hope it helps !

  Thanks,
  
  Manish Kumar Gupta

• 

  Max.Miller

  • Post Options:
  • Link
    Copy

  Posted 3 January 2018, 3:24 pm EST

  Was anyone able to find a solution to this detail template height resizing issue? I’m currently encountering an issue in my implementation of wjFlexGridDetail that seems pretty similar to this problem. The size of the template content seems to be increasing when moving between detail grids of different sizes. For example, if I open a detail grid with one row, it opens with the size I would expect. However, if I then open a different detail grid with over 10 rows, then reopen the first detail grid with one row, the template is now much larger than the size of the single row. I see a large white space between the bottom of the detail row and the area that expands.

  I’ve noticed that the renderSize property of the detail rows is dramatically changing between opening attempts. Is this problem related to the issue discussed in this thread?