установить высоту строки таблицы - PullRequest
Новая
       6

установить высоту строки таблицы

8 голосов
/ 23 сентября 2011

Мои нехватки навыков CSS вызывают у меня головную боль. Как показано на этой картинке ниже, захвачено у пожарного:

enter image description here

Используя GWT-подобный фреймворк под названием Vaadin, я дал компоненту Table имя класса m2m-modal-table и хочу установить минимальную высоту для четырех строк в этой таблице. Тем не менее, я не могу заставить его работать ... И, как видно из рисунка, в таблице даже нет названия класса m2m-modal-table , но v- вместо этого table-table (стили добавляются вне моего участия, так как я использую уже настроенную библиотеку фреймворка).

Так может ли кто-нибудь, кто хорошо знает, как обращаться с классом CSS, сказать мне, что я должен написать в таблице стилей, чтобы установить высоту строки таблицы?

Спасибо!

РЕДАКТИРОВАТЬ: Спасибо avall за помощь. И я обнаружил, что написание CSS как: 

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

Устанавливает стиль только для рассматриваемой таблицы, а не для всех таблиц в приложении.

1 Ответ

10 голосов
/ 23 сентября 2011

Всегда устанавливайте свою высоту в ячейках, а не в строках. 

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

подойдет (min-height один не работает).

Редактировать: Как писал djsadinoff, min-height работает не везде.IE8 и IE9 интерпретируют min-height, но это не норма для других браузеров.

...