有没有人可以告诉我如何使用richfaces的皮肤来设置表格的行颜色?在哪个文件中,我必须更改什么属性?
谢谢
发布于 2012-06-04 19:56:11
您可以尝试使用firebug检查您的表,并在CSS文件中覆盖它的样式。类似于(不完全是这样):
.rf-dt-c {
color: #FFFFFF;
}
或者,您可以为<rich:dataTable>
创建自己的样式,例如:
.richTable {
width: 100%;
}
.richTable .rowEven {
background-color: #FFFFFF;
}
.richTable .rowOdd {
background-color: #CCCCFF;
}
.richTable .active-row {
background-color: #FFEBDA !important;
cursor: pointer;
}
设置<rich:dataTable>
的样式
<rich:dataTable id="table" var="item" value="#{bean.model}" styleClass="richTable">
...
</rich:dataTable>
根据需要使用jQuery
设置行(偶数、奇数、活动)的样式:
<rich:jQuery selector=".richTable tr:odd" query="addClass('rowOdd')" />
<rich:jQuery selector=".richTable tr:even" query="addClass('rowEven')" />
<rich:jQuery selector=".richTable tr" event="mouseover" query="jQuery(this).addClass('active-row')"/>
<rich:jQuery selector=".richTable tr" event="mouseout" query="jQuery(this).removeClass('active-row')"/>
当然,还要将jQuery
添加到视图中:
<script type='text/javascript' src='js/jquery-1.4.4.js'></script>
https://stackoverflow.com/questions/10828962
复制相似问题