Question

我有一个问题是显示两个不同的数据结构<p:datable>和<p:treeTable>

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

就像那样：

|           |           |
| 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>

并排显示数据表和treetable

1 个答案: