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}

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效