顯示側的數據表和treetable中

我有要顯示的是<p:datable>和<p:treeTable>顯示側的數據表和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>

事實上，這是最近的我想要什麼，但兩個結構分隔的，我希望他們在我的例子不是分隔等。

來源

2017-08-17 Gatsby

開始通過學習基本的HTML和CSS。完全不是jsf/primefaces相關的（有**沒有**'默認'）。另請參閱[mcve] – Kukeltje

雖然我同意OP應該堅持HTML和CSS的基礎知識，但我也認爲如果關注p：layout和p：layoutUnit組件，這是一個有效的問題。 – Bonifacio

@Kukeltje對不起，我不夠精確，我可以使用CSS來做到這一點，但我想知道是否可以不做。這就是我使用佈局的原因。 – Gatsby

有asolution使用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>

來源

2017-09-18 12:04:13

顯示側的數據表和treetable中

回答

相關問題