Impostare la larghezza per l'intestazione della colonna JSF in tavola a formato fisso

Question

Ho un DATATALY JSF con layout tabella: fisso, dove sto cercando di impostare la larghezza basata sulla percentuale per ogni colonna.Ho capito che se aggiungo un attributo di larghezza all'intestazione in IE, allora funziona come previsto.Tuttavia, non riesco a capire come aggiungere questo attributo di larghezza nel codice. Ho aggiunto un attributo all'interno dell'intestazione delle faccette, ma non funzionava.Non ha funzionato l'impostazione all'interno del tag della colonna.

Se qualcuno potrebbe aiutarmi, sarebbe apprezzato.

<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

È possibile utilizzare l'attributo headerClass del <h:column> per specificare una classe di stile dell'intestazione.

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

.

con E.G.Questo CSS

.col1 { width: 20%; }
.col2 { width: 30%; }
.col3 { width: 50%; }

.