Using column template slows grid so much it's unusable

[Jesse LaVere]

I have a simple example where I'm trying to us the template feature in the ColumnDirective component.

https://stackblitz.com/edit/syncfusion-grid-edit-roxpdf?file=index.js

This grid loads very quickly without the template={template} added to the last four directives. It gets noticeably slower with each column that has the template added.

How can I use the template feature and still retain the loading speed?

[Vignesh Sivagnanam]

Hi Jesse 

Greetings from Syncfusion support 

Based on your query you want to render multiple template column to the grid. We checked the attached sample and found that the large amount of data is bound to the grid and you have render all records in single page. 

By default in EJ2 Grid, the grid takes some time to render all the cells in single page. In your code example you also used the template column so it will take some time to render the cells in single page. 

To resolve the issue at your end, we suggest you to enable paging/  Virtualization which allows to render the records in the viewport only instead of rendering all the rows. 

Documentation : https://ej2.syncfusion.com/react/documentation/grid/virtual/ 

https://ej2.syncfusion.com/react/documentation/grid/paging/  

From your sample you have used the Frozen column feature to the grid. For the frozen column feature there is some Limitation to work with the other features. Please refer the below Documentation for your reference, 

Limitations : https://ej2.syncfusion.com/react/documentation/grid/frozen/#limitations-of-freeze-direction 

Regards 

Vignesh Sivagnanam