CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – rich:datatable中的列宽全部内容,希望文章能够帮你解决css – rich:datatable中的列宽所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。