javascript - SlickGrid 2.0は、奇数インデックスの行の背景色を変更できません

Question

このコードを使用して背景色を変更しようとしています：

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

インデックスが均一である限り、完璧に機能します。ただし、奇数のインデックスでは、背景色には影響しません（フォントスタイルに影響します）。ゼブラ効果と関係があるのではないでしょうか？（それを無効にする方法がわかりません）

ありがとう。

score 7 · Accepted Answer

UnverifiedCSSクラスが適用されますが、その特異性はslick-default-theme.css：で定義されているものよりも低いため、効果はありません。

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

セレクターは2つのクラスの組み合わせを使用することに注意してください。これは、単一のクラスよりも具体的であるUnverifiedため、優先されます。

2つのオプションがあります。

既存のルールを削除します。
.slick-rowルールをドキュメント内の既存のルールの後に追加して配置するか! important、スタイル宣言の最後に追加することで、ルールの特異性を高めます。

score 0 · Accepted Answer

ティンの答えはどちらも私にはうまくいきませんでした。

私が使用していたもの：

.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;
}

2 に答える 2