set table row height

vaadin tablerow css
AndroidHustle picture AndroidHustle · Sep 23, 2011 · Viewed 26k times · Source

My lacking skills of CSS is giving me a headache. As presented in this picture below, captured from firebug:

enter image description here

Using a GWT like framework called Vaadin I have given a Table component the class name m2m-modal-table and I want set a min-height to the four rows in that table. However, I can't seem to get it to work.. And as you see from the image the table doesn't even seem to have the class name m2m-modal-table but v-table-table instead (styles are being added outside my involvement since I'm using an already setup framework library).

So, can anyone who has good knowledge of CSS class referring tell me what I should write in the style sheet to set the row height of the table?

Thank you!

EDIT: Thank you avall for the help. And I found that writing the CSS as:

.m2m-modal-table .v-table-table th,
.m2m-modal-table .v-table-table td {
    height: 55px;
    min-height: 55px;
}

Will only set the style on the table in question and not all tables in the application.

Answer

avall picture avall · Sep 23, 2011

Always set your height to cells, not rows.

.v-table-table th,
.v-table-table td{
    height: 55px;
    /* min-height: 55px; EDITED */
}

will do (min-height alone doesn't work).

Edit: As djsadinoff wrote, min-height doesn't work everywhere. IE8 and IE9 interpret min-height but it is not the norm for other browsers.

Related questions

Eclipse The hierarchy of the type ... is inconsistent with @Configurable annotation

I am developing a Spring/Vaadin/Hibernate application. Everything works but I still have the following error markers in Eclipse STS 2.8.1: The hierarchy of the type BankView is inconsistent The hierarchy of the type AbstractEntityView is inconsistent I have the …

Read More
Spring Security circular bean dependency

I'm currently working on a Vaadin spring application. According to the app specifications, authentication/authorization of the users must be completed by querying database via jdbcTemplate. How to solve this issue? I'm using Spring Boot 1.4.2.RELEASE. UPDATE: This approach works …

Read More
How to disable spring-security login screen?

I'm using spring-boot-starter-security dependency, to make use of several classes that come with spring-security. But as I want to integrate it in an existing vaadin application, I only want to make use of the classes, and not of the default …

Read More