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

Sli*_*ipe 5 javascript slickgrid

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

  data.getItemMetadata = function (index)
  {
       if (index === 5)
       {
           return  {cssClasses: "Unverified"};
       }      
   }
Run Code Online (Sandbox Code Playgroud)

只要索引是均匀的,它就可以完美运行.但是使用奇数索引它对背景颜色没有影响(它对字体样式有影响).我怀疑它与斑马效应有关?(我不知道如何禁用它)

谢谢.

Tin*_*Tin 7

您的UnverifiedCSS类已应用,但没有效果,因为它的特异性低于以下定义的特性slick-default-theme.css:

.slick-row.odd {
  background: #fafafa;
}
Run Code Online (Sandbox Code Playgroud)

请注意,选择器使用两个类的组合,这两个类比单个Unverified类更具体,因此它优先.

您有两种选择:

  1. 删除现有规则.
  2. 通过.slick-row在文档中的现有规则之后添加和放置规则,或者! important在样式声明的末尾添加规则来提高规则的特异性.