Wijmo flexgrid taking very long time to display large number of data

Wijmo flexgrid taking very long time to display large number of data

Posted by: ashok.bahir on 21 September 2021, 2:07 am EST

• 

  ashok.bahir

  • Post Options:
  • Link
    Copy

  Posted 21 September 2021, 2:07 am EST

  wijmo flexgrid taking a very long time to display a large number of data and also lagging on navigate between tab panels as we have multiple large amounts of data on each tab

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 22 September 2021, 4:12 am EST

  Hello,

  Unfortunately, I am not able to replicate the issue at my end with the latest version of Wijmo5 i.e. 2021v2.812. Kindly refer to the sample link below used for testing. I could not observe any delays while performing grouping using a long value.

  sample link: https://stackblitz.com/edit/js-bgujaw?file=index.js

  Hope it helps. In case the issue still persists, I would request you to modify the above sample to depict your issue so that I can replicate the issue at my end and debug it further at my end. Please let me know in case you are facing this issue specific to any browser.

  Also, you may try the following approaches below to increase the performance:

  1. Use Paging:
     
     If you apply paging to the FlexGrid, the number of cells shown on the DOM will be less and performance will increase. Please refer to the link below that demonstrates how to implement paging in FlexGrid:
     
     https://www.grapecity.com/wijmo/demos/Grid/PagingScrolling/Client-sidePaging/purejs

  2. Reduce the dimensions of the grid:
     
     You may also reduce the width and height of the grid using CSS to decrease the number of cells shown on the DOM:
     
     .wj-flexgrid {
     
     width: 500px;
     
     height: 500px;
     
     }

  3. Use formatItem or CellFactory instead of CellTemplates:
     
     Using the formatItem event or CellFactory to customize the cells results in better performance than using cell templates.
     
     Please refer to the links below demonstrating how to use itemFormatter and custom CellFactory:

  Format Item event: https://www.grapecity.com/wijmo/demos/Grid/CustomCells/ConditionalStyling/purejs
  
  Custom CellFactory:
  
  https://demos.wijmo.com/5/SampleExplorer/SampleExplorer/Sample/CellFactory

  Let me know if this works for you.

  Regards