xpages - 在 DataView 控件上添加备用行颜色

Question

我正在尝试为我的 DataView 控件设置另一种颜色；我尝试了 rowStyleClass 和 rowStyle 但我无法让它工作。

rowStyleClass 只给我悬停颜色

我正在做的是使用 jQuery 片段：

   $().ready(function() {
      // Apply alternate color row to DataView            
      $(".lotusTable > tbody > tr:odd").addClass("odd");
      $(".lotusTable > tbody > tr:not(.odd)").addClass("even");
   });

这可行，但是，如果执行部分刷新（更改页码；添加行等），我会丢失格式。

任何想法如何使用 DataView 属性来完成此操作？

Answer 1

试试这个 CSS，它在视图控件中非常适合我。我目前没有使用 jQuery。在视图控件中，我将“rowClasses”设置为“evenrow,oddrow”。当然，Data View 没有 rowClasses，所以尝试将 rowStyle 或 rowStyleClass 设置为“evenrow,oddrow”，看看这是否给出了您想要完成的任务。

.oddrow { 
background-color: rgb(218, 234, 245);
}
.evenrow {
background-color: rgb(255, 255, 255);
}
.evenrow:Hover {
 background-color: rgb(288, 250, 221);
}
.oddrow:Hover {
background-color: rgb(288, 250, 221);
}