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
175
Igx-Hierarchical-Grid and Conditional Cell Styling
posted

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

Parents
  • 80
    Verified Answer
    Offline posted

    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

Reply Children