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

Question

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

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

只要索引是均匀的，它就完美无缺。但是使用奇数索引它对背景颜色没有影响（它对字体样式有影响）。我怀疑它与斑马效应有关？ （我不知道如何禁用它）

感谢。

Answer 1

您的Unverified CSS类已应用，但无效，因为它的特异性低于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;
}