5

すべての列に幅属性を使用しましたが、表示では列が調整されません。

この方法で取得できますか？もしそうなら、私が望むように列幅を達成するために私を導いてください。

4

3 に答える 3

12

columnClasses属性を使用し、すべての列スタイルをコンマ（、）で区切る必要があります。以下のコード例は、columnClassess属性の使用方法を示しています。

ヘッドタグ内：

<style type="text/css">
            .column1{width: 10px;height:auto}
            .column2{width: 5px;height:auto}
            .column3{width: 20px;height:auto}
           </style>

ボディタグ内：

<p:panelGrid columnClasses="column1,column2,column3" columns="4" style="width: 100%" >  
                    <p:column></p:column>                        
                    <p:column></p:column>
                    <p:column></p:column> 
                    <p:column></p:column> 
                </p:panelGrid>

h：panelGridタグでも機能します。

于 2013-10-09T07:19:58.883 に答える
11

ハードコードされた値を使用することができます： 

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

またはパーセンテージ：

<p:column style="width:20%">

何があなたに最も適しているかに応じて。

于 2013-03-25T09:03:15.543 に答える
2

Primefacesのショーケースで説明されているように、ui-grid-colcssクラスを使用することをお勧めします。ここで、12 = 100％

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

于 2015-08-20T15:44:41.740 に答える