JSF h: ширина метки столбца

Question

Может кто-нибудь показать мне, как исправить ширину столбца в таблице данных с помощью JSF?

Мой код в настоящее время читает:

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

Спасибо!

Answer 1

Ну, обычно вы используете h: column в контексте dataTable.

Что вы можете сделать, это установить ширину в CSS. Если у вас есть код:

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

И в файле CSS вы делаете:

.first {

   width: 250px;

}

Предполагается, что у вас есть 2 столбца.

Проверьте свойства dataTable здесь , также вы можете найти там все виды CSS-связанных свойств.

Answer 2

У меня была эта проблема, и я мог решить ее, используя атрибут columnclasses в h: datatable. Пожалуйста, используйте тег lib.

Таблица данных JSF

Answer 3

Если вы используете JSF 2.2, вы можете решить эту проблему с помощью функции pass-through и использовать ее для передачи атрибута style из серверного XHTML в клиентский html

Как это:

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

Разрешено к этому:

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

Не забудьте добавить xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" и одновременно использовать все другие пространства имен jsf

Answer 4

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