ширина столбца в rich: datatable

Question

Как установить ширину столбца для rich:column внутри rich:datatable?Атрибут width игнорируется.См. Следующий код:

<rich:column label="#{msg[result]}" width="150px">
<f:facet name="header">
    <h:outputText value="#{veryLongText}"/>
</f:facet>
<h:outputText value="#{someValue}" /> 
<f:facet name="footer">
    <h:outputText value="#{someValue}" /> 
</f:facet>
</rich:column>

Если вы визуализируете этот столбец, а veryLongText шире, чем 150px, он не разбивает его на несколько строк.Вместо этого он просто игнорирует ширину столбца и занимает столько места, сколько необходимо.

Как это исправить?

Answer 1

Попробуйте атрибут <rich:column> headerClass, например:

<rich:column headerClass="myWidth">
...
</rich:column>

Затем в вашем CSS (встроенном или связанном):

.myWidth {width:150px}

У вас также может быть какое-то противоречивое CSS-свойство «пробел», которое может появиться где-то в игре, поэтому вы можете указать селектор .myWidth так:

.myWidth {width:150px; white-space:normal!important}

Answer 2

Если вы хотите получить столбцы с переносом слов, используйте этот ....

<div style="overflow: hidden;width: 300px;word-wrap: break-word; ">
  <h:outputText value="#{someValue}" />
</div>

Он протестирован на Mozilla и IE 8.0.

Answer 3

использование:

style="width:150px"

или styleClass="myColumnClass" где вы добавляете в свой CSS

.myColumnClass{
 width: 150px;
}

Answer 4

вы можете использовать это:

<rich:column width="60px">
    <f:facet name="header">
        <h:outputText value="#{veryLongText}" />
    </f:facet>
    <div style="overflow:hidden;width:60px">
         <h:outputText value="#{someValue}" />
    </div>
</rich:column>