ширина столбца в rich: datatable
Как установить ширину столбца для 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 шире, чем 150 пикселей, он не разбивает его на несколько строк. Вместо этого он просто игнорирует ширину столбца и занимает столько места, сколько необходимо.
Как это исправить?
3 ответа
Попробуйте использовать headerClass атрибут, вот так:
<rich:column headerClass="myWidth">
...
</rich:column>
Затем в вашем CSS (встроенном или связанном):
.myWidth {width:150px}
У вас также может быть какое-то противоречащее свойство CSS «пустое пространство», вступающее в игру где-то, поэтому вы можете указать .myWidth селектор так:
.myWidth {width:150px; white-space:normal!important}
используйте:
style = "width: 150px"
или styleClass = "myColumnClass"
где вы добавляете в свой CSS
.myColumnClass{
width: 150px;
}
вы можете использовать это:
<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>