Question

PrimeFaces组件中有panelGrid的替代方案吗？我需要更复杂的东西来设计表格。支持colspan属性的东西！

Answer 1

如果你想要的只是colspan，那么只需使用简单的vanilla HTML或使用Tomahawk的<t:panelGrid> <t:panelGroup>支持colspan属性。

RichFaces还有支持colspan的组件，但这并不总是与PrimeFaces完美配合。

Answer 2

您可以使用＆＃34; p：row和p：column＆＃34;来实现此目的。在面板网格

示例：

<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

Answer 3

可悲的是，<h:panelGrid>还没有替代方案。

但希望您可以使用<p:layout>和<p:layoutUnit>更多可修复的表单设计。

使用<table>和<div>并没有任何限制。我个人会坚持使用panelGrid，因为它是一个JSF组件，具有更多JSF-ish属性。

Answer 4

我不知道为什么管理员会删除我以前的答案，但PrimeFaces 3.1会有一个panelGrid组件。 http://www.primefaces.org/showcase-labs/ui/panelGrid.jsf

PrimeFaces panelGrid

4 个答案: