jsf - panelgroup - Alinear el contenido dentro de las columnas de panelGrid

primefaces panel style

Question

¿Cómo puedo alinear el contenido de las columnas creadas por el componente panelGrid en la top ?

Lo intenté sin éxito, el siguiente código.

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

Pero las 2 columnas creadas aquí siguen siendo alineadas verticalmente en el centro.

Answer 1

En base a this respuesta, puedes hacer esto (me gusta más este enfoque)

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}

Answer 2

Para mí funciona si lo haces así:

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

y crea un archivo css que contiene:

.panelColumns td {
    vertical-align: top; 
} 

Al igual que una sugerencia adicional ... para que no tenga que buscar demasiado :)