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
Conditional style for igx-grid column Summary

I have a igx-grid and a custom Summary in some "Number" columns. I need to style the summary label for each column, weather the Sum is below or above zero.

For example, red color for the label if sum < 0 and green color if sum > 0.

Is it possible?

Package version: "@infragistics/igniteui-angular""^10.2.2"

Thanks in advance.

No Data
  • 640
    Offline posted

    Hello Hernan,


    Thank you for posting in our community.

    At this point we do not provide an option for conditionally changing the igxGrid summaries styles out of the box. What I can suggest is to make custom themes and to put them in classes that you can attach to the label only when the condition is valid. I crated a sample illustrating my approach, which you can find here. Please test it on your side and let me know whether you find it helpful.


    Please let me know if you have any further questions or concerns.



    Viktor Kombov

    Entry Level Software Developer


No Data