So I have a grid which is supposed to show around 10k items. My client needs to have the cell background color of certain columns changed according to a set of specified conditions.

After looking around and trying to find a css class for the cell, I found a workaround in your forums that says to enlarge the div of the data element so that it takes 100% of the cell size. This all done within the template of the column. I also need a few other custom modifications that make me have to write custom templates. This makes the data to load in the grid to take around 15 seconds after the initial load of the grid. Add to that the responsiveness of the scrolling is very slow afterwards.

So then I started looking for a fix to make my app more performant. I found the virtualization option which in theory would have been great. But then when I add rowVirtualization: true to my options and I run the app, it crashes after the data load. Every time.

So I would really like to know if there is another way to style my cells and data other than in the column template engine and how can I make virtualization work with it.

Thank you