primefaces dataTableスタイル？

Question

プライムフェイスを使用してテーブルを作成したいが、テーブルのカラムの幅がヘッダとボディで等しくない。私はstyle="width: inherit"またはstyle="width: 30%"を各列に追加しようとしましたが、表のヘッダーとテーブル本体の間の幅はまだ不揃いです。テーブルがスクロール可能でない場合、テーブルはうまく統一されますが、スクロール可能なテーブルが必要です。 は、ここに私のコードです：

<h:panelGrid columns="1" class="plan-panel" columnClasses="label, value"> 
    <h:outputText class="deploy-label" value="Table 1"/> 
    <p:dataTable var="service" value="aaaa" 
       id="service-table" scrollable="true" scrollHeight="250"> 
     <p:column headerText="Col1" width="20"> 
      <h:outputText value="test122222222222"/> 
     </p:column> 
     <p:column headerText="Col2" width="20"> 
      <h:outputText value="test255567y774"/> 
     </p:column> 
     <p:column headerText="Col3" width="20"> 
      <h:outputText value="test3433666"/> 
     </p:column> 
     <p:column headerText="Col4" width="20"> 
      <h:outputText value="test43364667"/> 
     </p:column> 
    </p:dataTable> 

</h:panelGrid> 

これは以下のようにテーブルがどのように見えるかです：誰がテーブルのヘッダとボディの幅が等しくなるように、このテーブルの上にスタイルを適用する方法を知っている場合、私は疑問に思う

。

おかげ

Answer 1

はあなたのColumn例でシンプルwidth

<p:column headerText="Col2" width="20"><h:outputText value="test122222222222"/></p:column> 

をしようと私はそれが列スパイスが非常に小さいことは事実だが、それは、そのようにそれを変更し、それが私のために働いてみました助けて欲しい

Answer 2

この場合の唯一の「良い」答えは、スクロール可能な使用をやめたり、新しいバージョンを使用することです。この分野では多くの変更/改良が行われています。

CSSまたはほとんどの場合、データテーブルのjにパッチを当てることができますが、動的な幅を計算して整列させるのは面倒です。私は誰かがあなたのためにそれをするつもりはないと思う。あなたが試みることができる

ことの一つは、両方のテーブルに適用されたときtable-layout: fixedが何をするか見（ソースを見て）、その後、多分あなたが行うように、各列に固定幅を与えるか、または多分CSS