Table Column Highlight Issue

Vaadin 6 / 7 / 8 Framework UI
1

Can anyone tell me how to adjust the column header highlight so that it is the same height as the column header? Thanks.

2

Try adding the following to your custom theme:

.v-table-header-cell:hover, 
.v-table-header-cell-asc:hover, 
.v-table-header-cell-desc:hover {
    background-color: #d8dbdc;
    }
3

Perfect!!! Thank you Jouni!

4

No problem, glad I can help!

By the way, looking at the screenshot, you might want to try the borderless table style (
addStyleName(Runo.TABLE_BORDERLESS)
) for that table as well, so you won’t get the double border around the tabsheet. But I’m not seeing the whole layout, so it might not look that good. Just thought you might wanna give it a try :slight_smile:

5

Good suggestion. I’ll give a try and thanks again for the help.
Paul

Edit:
Just tried borderless and it did improve the appearance. Thanks!