Table Row Hover?

Vaadin 6 / 7 / 8 Framework UI
1

Hi,

I’m trying to use CSS to have the rows of my Table change their background color when I hover over them.

I’ve tried this without success:

.v-table-row: hover {
       background: lightgrey;
}

Using this same approach with .v-table-cell-content works fine, but only affects individual cells instead of the whole row.

Any ideas?

Thanks.

2

If you didn’t specify anything to override the default styles, try:

.v-table-row: hover {
       background[color=#f00]
-color
[/color]: lightgrey;
}

worked for me.

3

Figured out what I needed here was IE-specific CSS(such a great browser!):

.v-ie .v-table-row:hover {
    background-color: lightgrey;
}
4

This work for me

.v-table-row:hover, .v-table-row-odd:hover {
background: blue;
}