Comment fixer la largeur de la colonne de <p:panelGrid>?

Je suis en train de travailler sur une application JSF
Je suis juste en ayant un doute dans le réglage de la largeur de la colonne dans panelGrid.

Mon code est :

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

Ici je veux fixer la largeur de la première colonne pour 250px, donc je l'ai mentionné

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

J'ai essayé

Mais ça ne fonctionne pas, la largeur de la colonne est variable dépendent de la deuxième colonne. Quelqu'un peut dire pourquoi cela se produit? Ou suggérer une autre façon de faire.

OriginalL'auteur kark | 2013-10-07

  1. 7

    Je vous suggère d'utiliser à la fois <p:row /> et <p:column /> comme il est décrit dans Vitrine. Avec <p:row /> j'ai réussi simmilar css problème. Comme ceci:

    <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>
    Ya merci pour votre attention.. pouvez-vous me dire quelle différence vous sentez-vous après l'utilisation de <p:row>, parce que son travail sans utiliser de trop
    J'ai juste voulu définir rowspan et colspan et c'était un choix évident.
    ya amende, qui est une théorie de la relativité générale d'idée.. merci u ami ..son travail
    Vous êtes les bienvenus!
    pour un code propre, vous pouvez spécifier columnClasses attribut dans panelgrid pour définir chacun des rapports de colonnes et de la place que les composants à l'intérieur de panelgrid sans avoir à borry sur de ligne et de colonne de la balise voici un exemple <p:panelGrid columns="4" columnClasses="ui-grid-col-2, ui-grid-col-4, ui-grid-col-2, ui-grid-col-4" layout="grid">

    OriginalL'auteur miroslav_mijajlovic

  2. 1

    Ce n'est pas très conseillé d'utiliser une largeur fixe. Je vous suggère d'utiliser l'interface utilisateur-réseau-col de la classe css comme décrit dans primefaces vitrine .

    <div class="ui-grid ui-grid-responsive">
 <div class="ui-grid-row">
  <div class="ui-grid-col-3">
     <h:outputText value="To :" />
  </div>    
  <div class="ui-grid-col-3">
      <h:outputText value="#{bean.name}" />
  </div> 
</div>
<div class="ui-grid-row">
   <div class="ui-grid-col-3">
    <h:outputText value="Address :" />
  </p:column>  
  <div class="ui-grid-col-3">
    <p:outputLabel value="#{bean.address}" />  
  </div>
</div>

    Yayyy merci

    OriginalL'auteur andolsi zied