Issues when trying to combine Virtualization and Editable Grid in Angular.

[Richard Osbaldeston]

Hi, 

I'm trying to get an editable grid working which also uses virtualization. Is this combination possible?

I am having an issue where the virtualization overlay seems to be blocking the double-click-to-edit nature of the cells, but only as far down as row number 80. 81 and below are selectable and editable.

Can somebody take a look at my code and let me know what I'm doing wrong please? Thank you in advance.

https://stackblitz.com/edit/stackblitz-starters-vp5j3b?file=src%2Fapp%2Fapp.component.ts

Many thanks, Richard

[Rajapandi Ravi]

Hi Richard,

Greetings from Syncfusion support

After reviewing the StackBlitz sample you shared, we found that the issue occurred only in your shared sample. Additionally, we noticed that you're referencing only the Angular Grid CSS from the node_modules. Please see the screenshot below for more details.

We need to refer the CSS for the Grid's dependent components from the node_modules to ensure the Grid renders properly. For more information, please refer to the documentation below.

Documentation: https://ej2.syncfusion.com/angular/documentation/grid/getting-started#adding-css-reference

The issue occurred because the CSS was not properly referenced, and the necessary dependencies were not installed in the StackBlitz sample. However, your sample worked correctly when we referenced the CSS from our CDN link. Please refer to the sample and screenshot below for more details.

Sample: https://stackblitz.com/edit/stackblitz-starters-fws5n9?file=src%2Findex.html

Screenshot:

Additionally, we created a local sample using the same code from your StackBlitz sample to reproduce the issue you reported. However, the CSS loaded correctly, and the editing functionality worked fine on our end. Please refer to the sample and screenshot below for more information.

Sample: Check the attachment.

Screenshot:

If you still face the issue, please try to reproduce your issue in our shared local sample that would be helpful for us to validate and provide better solution.

Regards,

Rajapandi R

Attachment: 194368sample_5561e09d.zip

[Richard Osbaldeston]

Hi Rajapandi,

Your suggestion fixed the issue perfectly. Thank you so much for your assistance, it is very much appreciated :-)

Kind regards, Richard

[Aishwarya Rameshbabu]

Hi Richard,

We are happy to hear that the provided solution was helpful. Please get back to us if you need any other assistance.

Regards

Aishwarya R