javascript - 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 在样式声明的末尾。