Here is the example by assuming your issue
The issue is with your css file. The alternate rows does not work because (i think) that you have written
.k-grid table tr.k-state-selected
{
background: #22B99F;
}
.k-grid-content>table>tbody>.k-alt
{
background:rgba(63,193,192, 0.2);
filter:Alpha(opacity=50); /* IE8 and earlier */
}
Here the styles for alternate rows will override the style of the selected rows, so instead try to specify the selected row's color after .k-grid-content>table>tbody>.k-alt
that is
.k-grid-content>table>tbody>.k-alt
{
background:rgba(63,193,192, 0.2);
filter:Alpha(opacity=50); /* IE8 and earlier */
}
.k-grid table tr.k-state-selected
{
background: #22B99F;
}
Here is the solution