【问题标题】:SlickGrid 2.0 can't change row background color in odd indexesSlickGrid 2.0 无法更改奇数索引中的行背景颜色
【发布时间】:2012-10-31 22:16:21
【问题描述】:

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

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

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

谢谢。

【问题讨论】:

    标签: javascript slickgrid


    【解决方案1】:

    您的Unverified CSS 类被应用,但没有效果,因为它的特异性低于slick-default-theme.css 中定义的内容:

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

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

    你有两个选择:

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

    【讨论】:

      【解决方案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;
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-11-22
        • 1970-01-01
        • 2014-07-07
        • 2011-08-04
        • 2016-02-18
        • 2013-03-14
        • 2016-10-04
        • 2014-09-25
        相关资源
        最近更新 更多