如何修复<p:panelGrid>的列宽？

Question

我的工作在JSF应用程序 ,我只是有在调整列宽疑问的panelGrid.

我的代码是:

<p:panelGrid id="grid" columns="2" cellpadding="5"  styleClass="panelGrid"
    style="border:none;margin:0 auto;width:500px;"   >  
    <p:column style="width:250px">
        <h:outputText value="To :" />
    </p:column>    
    <p:column style="width:250px">
        <h:outputText value="#{bean.name}" />
    </p:column>    
    <p:column style="width:250px">
        <h:outputText value="Address :" />
    </p:column>  
    <p:column style="width:250px">
        <p:outputLabel value="#{bean.address}" />  
    </p:column>
</p:panelGrid>

在这里,我想修复第一列的宽度250px,所以我提到了

<p:column style="width:250px">

我试过了

• 如何在<p:panelGrid>中调整<p:column>的宽度？
• 如何在PrimeFaces中更改面板网格的列宽

但它不起作用,列宽取决于第二列.任何人都可以说为什么会这样吗？或建议任何其他方式来做到这一点.

Answer 1

我建议你使用两者<p:row />,<p:column />因为它在Showcase中有描述.随着<p:row />我管理simmilar css问题工作.像这样:

<p:panelGrid id="grid" columns="2" cellpadding="5"  styleClass="panelGrid" style="border:none;margin:0 auto;width:500px;"   >  
   <p:row>
      <p:column style="width:250px">
         <h:outputText value="To :" />
      </p:column>    
      <p:column style="width:250px">
          <h:outputText value="#{bean.name}" />
      </p:column> 
   </p:row>
   <p:row>
       <p:column style="width:250px">
        <h:outputText value="Address :" />
      </p:column>  
      <p:column style="width:250px">
        <p:outputLabel value="#{bean.address}" />  
      </p:column>
   </p:row>
  </p:panelGrid>