jsf - 在固定大小的表中设置 JSF 列标题的宽度

Question

我有一个带有 table-layout:fixed 的 JSF 数据表，我正在尝试为每列设置基于百分比的宽度。我想如果我在 IE 中向标题添加宽度属性，那么它会按预期工作。但是，我无法弄清楚如何在代码中添加此宽度属性。
我在 facet header 中添加了一个属性，但这不起作用。它也没有将它设置在列标签内。

如果有人可以帮助我，将不胜感激。

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

Answer 1

您可以使用 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%; }