Panneau de la grille de mise en page dans PrimeFaces

Je veux une mise en page de <p:panelGrid> (ou <h:panelGrid>) comme indiqué dans la la suite snap shot.

Panneau de la grille de mise en page dans PrimeFaces

Le code suivant,

<p:panelGrid style="width: 100%;">
    <p:row>
        <p:column rowspan="9">a</p:column>
        <p:column rowspan="7">b</p:column>
        <p:column>c</p:column>
    </p:row>

    <p:row><p:column>d</p:column></p:row>
    <p:row><p:column>e</p:column></p:row>
    <p:row><p:column>f</p:column></p:row>
    <p:row><p:column>g</p:column></p:row>
    <p:row><p:column>h</p:column></p:row>
    <p:row><p:column>i</p:column></p:row>
    <p:row><p:column>j</p:column></p:row>
    <p:row><p:column>k</p:column></p:row>
</p:panelGrid>

montre la mise en page comme indiqué dans le la suite snap shot.

Panneau de la grille de mise en page dans PrimeFaces

Comment puis-je réaliser la mise en page, comme indiqué dans la première capture d'écran?

OriginalL'auteur Tiny | 2014-06-12