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.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Change default fixed Grid row height in Vaadin 7.7.7
Hello!
Is there any way to change default Grid row height?
I understand that rows have fixed height inside Grid, but I need it to be fixed to 100px instead of default 38px.
Try this one:
https://vaadin.com/api/valo/#variable-v-unit-size
Tatu Lund: Try this one:
https://vaadin.com/api/valo/#variable-v-unit-size
Thanks!
Can I apply it to particular Grid, or it is something global?
"v-unit-size" is global. If you want to tweak row heigth of specific table, this kind of CSS rule could work in your theme. "my-grid" being here the style name you give to a Grid you want to be impacted. I.e. Grid.setStyleName("my-grid")
.my-grid .v-grid-body .v-grid-cell { height: 100px; background-color: aqua; }
Tatu Lund: "v-unit-size" is global. If you want to tweak row heigth of specific table, this kind of CSS rule could work in your theme. "my-grid" being here the style name you give to a Grid you want to be impacted. I.e. Grid.setStyleName("my-grid")
.my-grid .v-grid-body .v-grid-cell { height: 100px; background-color: aqua; }
OMG! Thank you!