Alineación de contenido dentro de las columnas de panelGrid

Question

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

he intentado, 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 por este medio todavía permanecen verticalmente alineados media.

Answer 1

Basado en this respuesta, puede hacerlo así (me gusta este enfoque más)

<h:panelGrid columnClasses="className"> 

.className { 
    vertical-align: top; 
} 

Answer 2

para mí funciona si lo haces de esa manera:

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

y crear una archivo css que contiene:

.panelColumns td { 
    vertical-align: top; 
} 

como una sugerencia adicional ... para que no tenga que buscar a largo :)