Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
80
IgGrid in IngniteUI angular, virtualization + templating engine not working
posted

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

Parents
  • 3995
    Offline posted

    Hello,

    Thank you for posting into our community!

    I believe you are creating new sets of those custom components every time you scroll through the records.

    Can you send us an isolated sample, demonstrating this behavior? And do you have to depend on some condition to style the cells or is it something else?(Asking because if not you might be able to take advantage of the columnCssClass option).

Reply Children