javascript - SlickGrid 2.0 无法更改奇数索引中的行背景颜色

Question

我正在尝试使用以下代码更改背景颜色：

  data.getItemMetadata = function (index)
  {
       if (index === 5)
       {
           return  {cssClasses: "Unverified"};
       }      
   }

只要索引是偶数，它就可以完美运行。但是对于奇数索引，它对背景颜色没有影响（它对字体样式有影响）。我怀疑它与斑马效应有关？（我不知道如何禁用它）

谢谢。

Answer 1

您的UnverifiedCSS 类被应用，但没有任何效果，因为它的特异性低于中定义的slick-default-theme.css：

.slick-row.odd {
  background: #fafafa;
}

请注意，选择器使用两个类的组合，这比您的单个Unverified类更具体，因此它具有优先权。

你有两个选择：

1. 删除现有规则。
2. .slick-row通过添加规则并将其放置在文档中现有规则之后，或者! important在样式声明的末尾添加来增加规则的特异性。

Answer 2

Tin 的两个答案都不适合我。

我正在使用：

.slick-row[row$="1"], .slick-row[row$="3"], .slick-row[row$="5"], .slick-row[row$="7"], .slick-row[row$="9"] {
  background: #E2E4FF;

}

但是将它添加到我的 CSS 中确实：

.slick-row.odd {
  background: #E2E4FF;
}