Hello Philippe,

Thank you for posting in our community!

I have been looking into your question and after reviewing the provided snippet from the console log, what I could say is that the most common reason for receiving such an error is if the selector provided in the ViewChild is not equal to the one assigned to the IgxGrid in the html file.

For example:

// component.html
<igx-grid #grid [data]="data" [autoGenerate]="true"></igx-grid>

// component.ts
@ViewChild('grid1', { read: IgxGridComponent, static: true }) public grid!: IgxGridComponent;

Additionally, regarding the updateCell method, I am under the impression that you require when a cell is edited in a specific column, this value should be applied to another cell in the respective row as well. If my impression is correct, I believe that you will find this small sample, which I have prepared for you quite helpful.

Please test this approach on your side and let me know if you need any further assistance regarding this matter.

Looking forward to your reply.

Sincerely,
Riva Ivanova
Entry Level Software Developer

As mentioned in Angular’s official documentation here, when the static property is set to true, the query results are resolved before change detection runs, meaning that it is expected that this component is always available on the page, no matter page bindings, API calls, *ngIf directives, etc.

However, in this specific scenario the component is dependent on the *ngIf structural directive and with this in mind, I suggest changing the static property to false (or omitting it as the default value is false). This will ensure query matches that are dependent on binding resolution (e.g., *ngIf structural directive) will be found.

Additionally, in order to demonstrate my suggestion, I have modified the previously attached sample and it could be found here.

Please test it on your side and let me know if I may be of any further assistance.

Looking forward to hearing from you.

Sincerely,
Riva Ivanova
Entry Level Software Developer