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

Question

Как выровнять содержимое столбцов, созданных компонентом 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 столбца по-прежнему остаются вертикально выровненными по центру.

Answer 1

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

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}

Answer 2

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

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

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

.panelColumns td {
    vertical-align: top; 
} 

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