title: Angular Kendo Grid Row on hover effect
body: <p>I would like to change the row's background when the user hovers over them (useful help, row tracking).</p>
  
  <p>I tried to apply a CSS class (<code>&lt;class&gt;:hover</code>) to every row using <code>[rowClass]</code>, which works in theory, but the style won't get applied.</p>
  
  <p><code>&lt;kendo-grid [rowClass]="rowCallback" [data]="gridData" [height]="410"&gt;</code>
  ...</p>
  
  <pre><code>export class AppComponent {
      public gridData: any[] = products;
  
      rowCallback(context) {
        return 'styler';
      }
  }
  </code></pre>
  
  <p>Stackblitz: <a href="https://stackblitz.com/edit/grid-hover-color-test" rel="nofollow noreferrer">https://stackblitz.com/edit/grid-hover-color-test</a></p>