如何在DataTable中可视化PanelGrid组件

Question

我正在尝试使用PanelGrid创建一个DataTable（因为分页）。

我的网格代码来自PrimeFaces website：

<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:row>
            <p:column>Houston</p:column>
            <p:column>0</p:column>
        </p:row>
    </p:panelGrid>

当我在DataTable标签之间放置网格代码时，它只显示标题和分页行。有人想过如何用分页制作这样的PanelGrids吗？

Answer 1

你不需要p:panelGrid。您可以在代码中使用p:dataTable和p:row p:column rowspan="2"和p:column colspan="2"。如果表格更复杂，请使用p:subTable。子表的示例是here。