So for my current application, I am trying to add a custom border style on cell edit anytime a user alters any data on any level in an hierarchical grid. Using the Conditional Cell Styling, I am able to have the custom border style appear no problem. The issue I am running into is figuring out how to clear it from any grid cell that is not the top level grid.
I have a rough Stackblitz outlining the issue with a rough code approach located here: https://stackblitz.com/edit/angular-2pczxt?file=src%2Fapp%2Fapp.component.html
In this example, if you were to edit any of the fields in the Object, SubObject or either of the States, a white dashed border should appear. When you hit the Clear Styling button, though, only fields that have been edited in the top level hierarchical grid are having their custom styling cleared while anything on the Subobject or State edit borders still remains.
Is there a different way I need to go about clearing out the lower level Subobject and State grid's Conditional Cell Styling?
Any insight would be appreciated,
Thanks,
-Randall Blevins
Hello Randall Blevins,
This was an issue in igniteUI for Angular and it is already fixed in version igniteui-angular 8.2.9.
Here is your sample modified with the latest version of the product where the your issue does not reproduce:
https://stackblitz.com/edit/angular-bsmgep?embed=1&file=src/app/app.component.html
You can see under dependencies that the sample is using igniteui-angular 8.2.9.
Could you please update to the latest version of the product and if you have any additional questions or concerns let me know.
Best Regards,
Martin Dragnev,
Infragistics
That got it, thanks