etiquetas - JSF h: ancho de corrección de etiqueta de columna

jsf etiquetas

Question

¿Puede alguien mostrarme cómo arreglar el ancho de una columna en una tabla de datos con JSF?

Mi código actualmente dice:

<h:column>
    <f:facet name="header">
        <h:outputText value="Data Field 1" />
    </f:facet>
    <h:commandLink id="dataLink" action="#{pc_SearchResultsFragment.setField1}">
        <h:outputText value="#{(qi.data1 != null) ? '''' : qi.data1}"/>                 
    </h:commandLink>
</h:column>

¡Gracias!

Answer 1

<h:column>
    <f:facet name="header">
        <h:outputText value="Data Field 1" />
    </f:facet>
    <h:commandLink id="dataLink" action="#{pc_SearchResultsFragment.setField1}">
        <h:outputText value="#{(qi.data1 != null) ? '''' : qi.data1}"/>                     
    </h:commandLink>
    <%-- <f:attribute name="width" value="20" /> fixed width --%>
    <%-- or --%>
    <%-- <f:attribute name="width" value="20%" /> percentage --%>

    <%-- also available (not a complete list, just some of the more
         common supported attributes) --%>
    <%-- <f:attribute name="align" value="left" /> --%>
    <%-- <f:attribute name="height" value="20" /> --%>
    <%-- <f:attribute name="nowrap" value="true" /> --%>
    <%-- <f:attribute name="valign" value="top" /> --%>
    <%-- <f:attribute name="bgcolor" value="red" /> --%>
    <%-- <f:attribute name="style" value="color:White;" /> --%>
</h:column>

Answer 2

Bueno, generalmente usas h: columna en un contexto de tabla de datos.

Lo que podrías hacer es establecer el ancho en CSS. Si tienes el código:

<h:dataTable value="#{action.items}" var="name" 
styleClass="tableClass" columnClasses="first,second">

Y en el archivo CSS lo haces:

.first {

   width: 250px;

}

Eso es asumiendo que tienes 2 columnas.

Compruebe las propiedades de la tabla de datos aquí , también puede encontrar allí todo tipo de propiedades relacionadas con CSS.

Answer 3

Tuve este problema y pude resolverlo utilizando el atributo columnclasses de h: datatable. Por favor, consulte la etiqueta lib.

JSF DataTable

Answer 4

Si está utilizando JSF 2.2, puede resolver esto utilizando su funcionalidad de paso a través y usarlo para pasar el atributo de style del lado del servidor XHTML al lado del cliente html

Me gusta esto:

<h:column pt:style="width:20px;text-align:center;"></h:column>

Se resuelve a esto:

<td style="width:20px;text-align:center;"></td>

No olvides agregar xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" y usar todos los demás espacios de nombres jsf al mismo tiempo