同时显示datatable和treetable

Question

我在显示<p:datable>和<p:treeTable>这两种不同的数据结构时遇到了问题

我想将左侧的treeTable结构并排显示为dataTable结构。

就像这样：

|           |           |
| TreeTable | DataTable |
|           |           |

目前，我有(默认)：

| TreeTable |
-------------
| DataTable |

我已经尝试使用布局结构，但结果不是我想要的。

这是我尝试过的：

<p:layout fullPage="true">
    <p:layoutUnit position="west" size="50%">
        <p:treeTable>
        </p:treeTable>
    </p:layoutUnit>
    <p:layoutUnit position="center" size="50%">
        <p:dataTable>
        </p:dataTable>
    </p:layoutUnit>
</p:layout>

实际上，这是我想要的最接近的结构，但这两个结构是分开的，我不希望它们像我的示例中那样分开。

Answer 1

有一个使用html的解决方案，你可以使用panelGrid和style="display: block"将一个panelGrid放在另一个的后面。你有一个<p:datable>和一个<p:treeTable>，所以你必须放2个panelGrids：

<h:panelGrid id="panelQualification" columns="3" >
    <h:panelGrid style="height: 300px;  display: block" >
        <p:dataTable>                                    
        </p:dataTable>
    </h:panelGrid>


    <h:panelGrid style="height: 300px;  display: block" >
        <p:dataTable>                                
        </p:dataTable>
    </h:panelGrid>
</h:panelGrid>