Auto-resizing detail row not pushing other rows down

Auto-resizing detail row not pushing other rows down

Posted by: rbutler on 10 May 2019, 4:01 pm EST

• 

  rbutler

  • Post Options:
  • Link
    Copy

  Posted 10 May 2019, 4:01 pm EST

  Hi,
  
  I am using wijmo vue 2.5.x with vue 2.6.x

  I have a grid with detail rows that are variable in height. After failing to find a way to get the detail row to change height through CSS, I came up with a vue component that I instantiate in the detail cell method that sets the minHeight style property of its host div element based on the content.

  The resulting div is the correct height, but the rows below do not move down, so the div and its content are behind those rows.

  I tried calling onPropertyChanged() on the detail row before exiting the detail cell method but that didn’t do anything.

  Is there a way to get the grid to know to move the rows down?
  
  Or is there a simpler way that accomplishes this through CSS?

  I should add here that the content in the detail row is one or more wijmo grids with detail rows of their own, that when expanded, need the parent detail row to also expand in height automatically (ie - no scrollbars, and no clipping).

• 

  rbutler

  • Post Options:
  • Link
    Copy

  Posted 10 May 2019, 4:06 pm EST

  Here’s a rough visual

  GRID
       row
       detail row
                | +--> GRID 1
                | ...
                |+--> GRID n
                            row
                            detail row
                                     | +--> GRID 1
                                     | ...
                                     |+--> GRID n
  
  

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 13 May 2019, 7:17 am EST

  Hello,

  The FlexgridDetailProvider automatically creates the cell with appropriate height to fit the contents of the detail row, unless you set the value of the maxHeight property. Therefore, its not required to provide the height of the detail cell explicitly.

  Please refer to the sample that shows FlexgridDetailProvider with variable height detail rows. If your issue still persists, could you please provide as a small sample that replicates the issue?

  https://codesandbox.io/s/84nlm1zlk2