PrimeFaces panelGrid

Question

PrimeFaces組件中是否有替代panelGrid？我需要更多可修復的設計表單？某些支持colspan屬性的東西！

Answer 1

如果你想要的只是colspan，那麼只需使用普通香草HTML或使用Tomahawk的<t:panelGrid>和<t:panelGroup>，它支持colspan屬性。

RichFaces也支持colspan的組件，但這並不總是與PrimeFaces一起完美地工作。

Answer 2

可悲的是，<h:panelGrid>沒有其他選擇。

但希望您可以使用<p:layout>和<p:layoutUnit>更多可固定的表單設計。

並沒有限制使用<table>和<div>幾乎沒有CSS。就我個人而言，我會堅持使用panelGrid，因爲它是一個JSF組件，具有更多的JSF-ish屬性。

Answer 3

我不知道爲什麼我以前的答案被管理員刪除，但PrimeFaces 3.1將有一個panelGrid組件。 「：行和P：P列」 http://www.primefaces.org/showcase-labs/ui/panelGrid.jsf

Answer 4

您可以通過實現這個面板網格

例如：

<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