Выравнивание содержимого внутри столбцов panelGrid

Как выровнять содержимое столбцов, созданных компонентом panelGrid, с top ?

Я пробовал без успеха, следующий код

<h:panelGrid columns="2" style="vertical-align:top;  " >
       <p:tabView style="margin:0px 0px 50px 0px; width: 450px; padding-top: 0px;vertical-align:top" ></p:tabView>                
       <p:menubar autoSubmenuDisplay="true" style="width: 300px; vertical-align:top" ></p:menubar>
</h:panelGrid>

но 2 колонки, созданные настоящим остаются вертикально Ближнем краю.

15
jsf primefaces richfaces

2 ответов

на основе этой ответ, вы можете сделать так (мне нравится этот подход больше всего)

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}
22

для меня это работает, если вы делаете это так:

<h:panelGrid columns="6" cellspacing="4" cellpadding="4" styleClass="panelColumns">
</h:panelGrid>

и создайте файл css, который содержит:

.panelColumns td {
    vertical-align: top; 
}

как дополнительная подсказка .. так что вам не придется долго искать:)

13