https://stackblitz.com/edit/angular-1v1k8m?file=src%2Fapp%2Fgrid%2Fgrid-paging-sample%2Fgrid-paging-sample.component.html
If I follow the above method, it works for 1 time. But recently an error occurred. The error is encountered when I successfully add the column and then edit the newly created cells, it gives an error.
Who knows help me with. Tks you!
Hi Nguyen,
Thank you for posting to Infragistics Community!
It appears that the sample you have shared is not runnable and is using a very outdated version of both Angular and Ignite UI for Angular. The currently supported versions are 14.2.x and 15.1.x, with 16.x to be released very soon. Moreover, the error from the screenshot does not seem to reference the Ignite UI library code.
Although, from the template code in the shared sample I can see that it demonstrates displaying a dynamic collections of columns with the help of the *ngFor directive as well as conditional cell templates.
So, I can recommend checking out the following topics from our documentation on the subject:
Additionally, here is a functioning sample against version 15 demonstrating the same. You can use it for reference in implementing the target features in the grid, such as cell editing.
If the sample and the provided resources are not an accurate demonstration of what you are trying to achieve, please, fork and modify the StackBlitz demo with only the relevant code and send it back to me along with more details, so I can assist you further.
Best regards, Bozhidara Pachilova Associate Software Developer
When a static cell is clicked, the input has the attribute ng-reflect-form
After adding dynamic column click on dynamic cell, input has no attribute ng-reflect-form
The function to add columns only uses the push function to the array
Thank you for providing sample code, although, I am afraid it is not quite as isolated and since it is not contained in an Angular workspace, it is pretty hard for us to run it as it is.
So, I have modified a fork of the previously referenced StackBlitz to dynamically add columns to the grid, similar to your app.
In the isolated app, no errors are encountered and the newly added columns’ cells can be edited.
From the provided template files (cond.component.html, line 76), I can see that the cell templates contain complex markup, including an html table. Generally, this would not be quite advisable, as the cells’ purpose is to display data as simple as possible, and nesting tables within grid cells would not be considered the best layout.
Now, I cannot really test this for the reasons mentioned above, however, I can also see the cellEditEnter and cell click events are handled for the grid. Since they are directly related to entering cell edit mode, and I can see they contain some complex application logic (cond.component.ts, line 284, line 371), it is very likely that the errors are related to this functionality. The call stack does not indicate any Ignite UI for Angular code, so my suggestion is to check the code files and lines indicated by it, put some breakpoints and go deeper through the call stack via the Developer Tools in order to debug the source of the error.
Please, note that since the isolated sample does not demonstrate a similar issue, this indicates it is rooted in the application level and has to be investigated and handled on the same as well.
Since our policy involves working with isolated samples, I would still suggest forking and modifying the StackBlitz with only the relevant code and see if the issue can be reproduced there. Thank you for your cooperation.
Reappear:B1: click the button add columnB2: click on the column you just clicked and edit those cellsB3: click the button add columnB4: click on the cells in the newly created column to see the bug.(There are cells that are blocked or not)
Thank you for clarifying the steps to reproduce. I can confirm I observe the error. Oddly enough, it is not reproduced for each cell of the dynamically added columns, and only for some.
One thing I noticed is that it seems the error is not reproduced when I uncomment the custom cell edit template – check it out again on the same link. So, what I can suggest for now is defining a custom cell edit template as in the sample as a workaround.
I will be looking into this matter and will update you once I have more information
Best regards, Bozhidara Pachilova
Hi Bozhidara Pachilova!
I checked again and the error is still there.
I really need this fix.
Hope our dev team can solve it soon and notify me.
Thank you!
After further investigation, I have logged this behavior in our GitHub repository and you can view the issue here.
In order to receive a notification whenever a new information is available, please make sure that you are subscribed to the issue. This can be achieved via “Subscribe” button.
Please let me know if you need any further assistance regarding this matter.