how to change the Grid row color to be different

[YN]

Hello,

How to change the Grid row color to be color 1 in even number rows, and color2 in odd number rows.

Thanks!

[Nikolay]

Hello YN,

You could achieve different colors for the alternating and non-alternating rows by using custom CSS rules. By default, the Grid rows have different classes for the alternate rows:

<style>
  .k-grid-content tr {
    background-color: orange;
  }

  .k-grid-content .k-alt {
    background-color: white; // specify the alternate background-color
  }
</style>

Please check the following example demonstrating this: http://dojo.telerik.com/IcorIseR

Hope this helps and please contact us back, if you have any further questions.

Regards,
Nikolay
Progress Telerik

[Vaishali]

Hi,

 

Tried this one but it is not working. Working with Angular kendo grid. 

Can you please help us to change grid color with desired one ?

 

Thanks,

Vaishali,

[Nikolay]

Hello Vaishali,

I just tested the provided styles in a Grid integrated with AngularJS and it seems they are working just fine:

https://dojo.telerik.com/OWaHImEf

In case you are having a Kendo UI for Angular Data Grid, I recommend submitting a new thread choosing the correct product so the relevant team handles the inquiry. The Kendo UI for Angular is another product that has a separate dedicated team working on it.

Regards,
Nikolay
Progress Telerik