Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Vaadin Grid Row Hover Style

Ken R
5 years ago Mar 22, 2017 5:38pm

I'm using Vaadin grid 1.2.0 with Polymer.  I see that the API already provides several custom styling mixins for cells, selected row cells, striped row cells, etc.  However, we were wondering if there was a way to either change or disable the background color when hovering over a row in the table.  Currently, vaadin-grid defines this styling on lines 306-308 of vaadin-grid.html:

tbody:not(.touch):not(.scrolling) .vaadin-grid-row:hover td {
    background-color: #eeeeee;
}

Is it currently possible to access/modify this from within a parent Polymer component?  I've tried something like:

vaadin-grid:hover {
    --vadin-grid-selected-row-cell: {
        background-color: white;
    }
}

but it doesn't have any effect.