如何在皮肤文件richfaces中设置表格的行颜色答案

【问题标题】：how to set row colours of table in skin file richfaces如何在皮肤文件richfaces中设置表格的行颜色
【发布时间】：2012-05-31 07:10:22
【问题描述】：

谁能告诉我如何使用 Richfaces 皮肤设置表格的行颜色？我必须更改哪个文件和哪个属性？

谢谢

【问题讨论】：

标签： richfaces skinning jsf-1.2

【解决方案1】：

您可以尝试使用 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>

【讨论】：

这意味着我必须使用 CSS。有没有办法改变skin.properties或者XCSS文件来实现这个东西？
我不知道，几个月前我已经问过类似的事情 (stackoverflow.com/questions/6043214/…)，但得到的答案和你现在相似:-) 来编辑你的 CSS 并覆盖 Richfaces 样式。它确实有效、清晰、方便