如何让两个Primefaces面板彼此相邻？

Question

在primefaces中是否有一种方法可以将两个primefaces面板放在一起？面板仅以垂直对齐方式呈现.无法将它们水平对齐,彼此相邻.尝试使用h:panelGrid也.但没有运气.

这是代码片段:

<h:panelGrid>
  <p:row>
  <p:column>
       <p:panel id="panel22" header="New Bill">
         <p:inputText>aaa</p:inputText>
       </p:panel>
  </p:column>
  <p:column>
    <p:panel id="panel222" header="Chart">
        <p:inputText>bbb</p:inputText>
      </p:panel>
  </p:column>
 </p:row>
</h:panelGrid>   

Answer 1

试试下面的代码.这将以相同的高度并排显示两个面板.

<h:panelGrid columns="2">
       <p:panel id="panel22" header="New Bill" style="height:200px">
         <p:inputText>aaa</p:inputText>
       </p:panel>
    <p:panel id="panel222" header="Chart" style="height:200px">
        <p:inputText>bbb</p:inputText>
      </p:panel>
</h:panelGrid>