8

私は PrimeFaces 3.4.2 を使用していますが、使用する必要があります <p:dataTable>。最初の列の幅を 5 px 未満に固定したい。そのために、css クラスを作成しました。

.myTableFlux td:nth-child(1) {
    width: 5px !important;
}

これは私のテーブルです:

<p:dataTable  value="#{bean.listFlux}" var="list" styleClass="myTableFlux">
    <p:column headerText="Status" >
        <h:graphicImage value="/resources/images/so#{list.i}.jpg" />
    </p:column>
    <p:column headerText="Nom">
        <h:outputText value="#{list.name}" />
    </p:column>
</p:dataTable>

問題は、5 px を下回ることができないことです。

これが私が結果として持ちたいイメージです

4

1 に答える 1

5

私の場合width、タグの -Attribute はp:columnPrimeFaces 3.4 で動作します。

<p:column width="3" headerText="longlong">
  <h:outputText value="xyz" />
</p:column>

このコードは次のように表示されます。

編集：特定の列のパディングをスタイルする解決策を見つけました：

<style>
    .ui-datatable td:nth-child(1) div.ui-dt-c {
    padding: 0 0 0 0 !important;
  }
</style>

PrimeFaces は少し扱いに​​くい場合があります。属性の由来を突き止め、特定の styleClasses を上書きする必要があります。

于 2012-12-19T09:47:12.897 に答える