css – rich:datatable中的列宽

前端之家收集整理的这篇文章主要介绍了css – rich:datatable中的列宽前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在rich:datatable中设置rich:列的colum宽度? 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,则不会在多行中将其分解.相反,它只是忽略列宽并占用所需的空间.

如何解决这个问题?

解决方法

尝试使用< rich:column>的headerClass属性,如下所示:
<rich:column headerClass="myWidth">
...
</rich:column>

然后,在您的CSS(嵌入或链接)中:

.myWidth {width:150px}

您可能还会在某处发挥一些违反“空白”的CSS属性,因此您可能希望将.myWidth选择器指定为:

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

猜你在找的CSS相关文章