PrimeFaces panelGrid

Question

Is there any alternative for panelGrid in PrimeFaces components? I need something more fixable to design forms. Something which supports colspan attribute someway!

Answer 1

If all you want is colspan, then just use plain vanilla HTML or use Tomahawk's <t:panelGrid> with <t:panelGroup> which supports the colspan attribute.

RichFaces has also components supporting colspan, but that doesn't always work flawlessly together with PrimeFaces.

Answer 2

You can achieve this by using "p:row and p:column" in panel Grid

example:

<p:panelGrid style="margin-top:20px">
<f:facet name="header">
    <p:row>
        <p:column colspan="7">1995-96 NBA Playoffs</p:column>
    </p:row>
    <p:row>
        <p:column colspan="2">Conf. Semifinals</p:column>
        <p:column colspan="2">Conf. Finals</p:column>
        <p:column colspan="2">NBA Finals</p:column>
        <p:column>Champion</p:column>
    </p:row>

</f:facet>

<p:row>
    <p:column style="font-weight: bold;">Seattle</p:column>
    <p:column style="font-weight: bold;">4</p:column>

    <p:column rowspan="2" style="font-weight: bold;">Seattle</p:column>
    <p:column rowspan="2" style="font-weight: bold;">4</p:column>

    <p:column rowspan="5">Seattle</p:column>
    <p:column rowspan="5">2</p:column>

    <p:column rowspan="11" style="font-weight: bold;">Chicago</p:column>
</p:row>
</p:panelGrid>

For Complete Example please visit prime faces show case