Flow Grid Hovering effect

Flow
1

Hi,
Is there a way I can have hovering row effect on a Grid (which is purely created in Java code-no HTML- Vaadin 12 (13beta now))?
I’ve managed to have the theme I want (which is not very clear in the -demos- page https://vaadin.com/components/vaadin-grid on how to setup (you set it up by looking at the HTML demos and using the grid.setTheme(“xxx yyy zzz”) BTW, but I cannot have the hovering effect over the rows.

Thanks
Nick.

2

FYI: Adding the following to the shared-styles.html solves this issue.
(Note: I didn’t like the lumo-primary-color of 10pct so I replaced it with 50pct!:slight_smile:

<dom-module id="cube-grid-theme" theme-for="vaadin-grid">
  <template>
    <style>
    :host {
    	--_lumo-grid-selected-row-color: var(--lumo-primary-color-50pct);
    }
    
       [part~="row"]
:hover [part~="body-cell"]
{
            	color: red;
            	background-color : var(--lumo-primary-color-10pct);
            } 
            
    </style>
  </template>
</dom-module>