Change default fixed Grid row height in Vaadin 7.7.7

Arthur Khisamiev

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.

Tatu Lund

Try this one:

https://vaadin.com/api/valo/#variable-v-unit-size

Arthur Khisamiev

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?

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; }

Arthur Khisamiev

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!

Important Notice - Forums is archived

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

Important Notice - Forums is archived

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

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