Question

可以请任何人都可以告诉我如何使用富表面的皮肤设置表格的行颜色？我需要更改哪个文件和属性？

由于

Answer 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>

如何在skin文件richfaces中设置表的行颜色

1 个答案: