4

table-layout:fixedを使用したJSFデータテーブルがあり、各列の幅に基づいてパーセンテージを設定しようとしています。IEのヘッダーにwidth属性を追加すると、期待どおりに機能することがわかりました。ただし、このwidth属性をコードに追加する方法がわかりません。ファセットヘッダー内に属性を追加しましたが、機能しませんでした。列タグ内に設定しても機能しませんでした。

誰かが私を助けることができればそれはありがたいです。

<h:column>
     <f:facet name="header">
         <h:outputText 
             value="#{messageSource['tasks.headline.task']}" />
             <f:attribute name="width" value="20%"/>
     </f:facet>
     <t:commandLink id="lookAtTask" action="lookAtTask">
         <t:updateActionListener property="#{flowScope.localTask}"
             value="#{data.task}" />
         <h:graphicImage url="/images/icon_properties_16x16.gif"
             alt="#{messageSource['tasks.headline.task']}" />
     </t:commandLink>
</h:column>
4

1 に答える 1

8

headerClassの属性を使用して<h:column>、ヘッダーのスタイル クラスを指定できます。

<h:dataTable ...>
    <h:column headerClass="col1">
        <f:facet name="header">...</f:facet>
        ...
    </h:column>
    <h:column headerClass="col2">
        <f:facet name="header">...</f:facet>
        ...
    </h:column>
    <h:column headerClass="col3">
        <f:facet name="header">...</f:facet>
        ...
    </h:column>
</h:dataTable>

たとえば、このCSSで

.col1 { width: 20%; }
.col2 { width: 30%; }
.col3 { width: 50%; }
于 2012-10-03T12:12:22.630 に答える