Forums Ignite UI for Angular
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
Close
Alok shahi
250
even and odd css of igxGrid not working
posted

hello,

 i m trying to implement different background colors for even and odd rows in my grid but styling shows no effect.

how can i customize even and odd rows in angular ui Data Grid please help.

  • 20255
    Offline posted

    Hello Alok Shashi,

    Thank you for your question.

    There are two approaches that could be followed in order to achieve your requirement:

    1st: Is to create a new set of CSS rules that will overwrite any previously declared CSS rules, or with other words, add a new grid theme. Sample

    2nd: Is to style component instances using CSS variables.

    I've created a sample for your, that is following the first approach.

    I Strongly recommend checking this article explaining all that you need to know when it comes to Ignite UI for Angular component styling.