web-dev-qa-db-fra.com

Alignement du contenu dans les colonnes PanelGrid

Comment aligner le contenu des colonnes créées par le composant panelGrid sur top?

J'ai essayé sans succès, le code suivant

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

Mais les 2 colonnes ainsi créées restent alignées verticalement au milieu.

jsfrichfacesprimefaces
16
Rajat Gupta

Sur la base de this réponse, vous pouvez faire comme ceci (j'aime le plus cette approche)

<h:panelGrid columnClasses="className">

.className {
    vertical-align: top;
}
23
Dejell

pour moi ça marche si tu le fais comme ça:

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

et créez un fichier css contenant:

.panelColumns td {
    vertical-align: top; 
}

juste comme indice supplémentaire .. pour ne pas avoir à chercher trop longtemps :)

14
joerg_wiesmann