Impostare la larghezza per l'intestazione della colonna JSF in tavola a formato fisso
-
13-12-2019 - |
Domanda
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>
. Soluzione
È 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%; }
. Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow