Wijmo Flexgrid AutoresizeRows freezes the screen when there is more data

Wijmo Flexgrid AutoresizeRows freezes the screen when there is more data

Posted by: selvakumar.periyasamy on 2 January 2018, 7:53 am EST

• 

  selvakumar.periyasamy

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 2 January 2018, 7:53 am EST

  Hi ,

  I’m using Angular 2 Wijmo FlexGrid, In my grid have a lot of custom template columns in which I need the rows height to be adjusted based on their content so I’m setting autoresize for the template to false and calling the grid.autoResizeRows() method to resize the rows, but this freezes the grid and puts the browser in to not responding mode for some time until the resize is complete.
  
  This issue is happening when I have more than 100 rows in the grid.

  Please suggest me a way to fit the rows height based on their content without any performance glitch.

• 

  selvakumar.periyasamy

  • Post Options:
  • Link
    Copy

  Posted 2 January 2018, 7:56 am EST

  I don’t want all the rows to be sized evenly, each row should have its own size based on their content.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 2 January 2018, 5:05 pm EST

  Hi SelvaKumar,
  
  You need to set the [autoSizeRows]=“false” for wjFlexGridCellTemplate. Also, you need to resize the rows only for visible area which can be get using viewRange property.

  Please use the updatedView event with condition if scrollPositionChanged and if grid is loaded first time.

  flex.autoSizeRows(flex.viewRange.row,flex.viewRange.row2)

  ~Manish