SlickGrid 2.0 kann nicht Zeile Hintergrundfarbe in ungeraden Indizes ändern

Question

Ich versuche, die Hintergrundfarbe mit diesem Code zu ändern:

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

es perfekt funktioniert, solange der Index selbst ist. aber mit ungeraden Indizes hat es keinen Einfluss auf die Hintergrundfarbe (es hat Auswirkungen auf den Schriftstil). Ich vermute, dass es etwas mit dem Zebra-Effekt zu tun hat? (Ich weiß nicht, wie man das deaktiviert)

Danke.

Answer 1

Ihre Unverified CSS-Klasse wird angewendet, hat aber keine Wirkung, weil es Spezifität ist niedriger als das, was in slick-default-theme.css definiert:

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

Beachten Sie, dass die Wähler eine Kombination aus zwei Klassen verwendet, die als spezifischer ist Ihre einzige Unverified Klasse, daher hat es Vorrang.

Sie haben zwei Möglichkeiten:

1. die bestehende Regel entfernen.
2. Erhöhen Sie die Spezifizität Ihrer Regel, indem Sie .slick-row hinzufügen und nach der vorhandenen Regel in das Dokument einfügen, oder indem Sie am Ende Ihrer Stildeklaration ! important hinzufügen.

Answer 2

Keine von Tins Antworten funktionierte für mich.

Ich war mit:

.slick-row[row$="1"], .slick-row[row$="3"], .slick-row[row$="5"], .slick-row[row$="7"], .slick-row[row$="9"] { 
    background: #E2E4FF; 

}

Aber, diese zu meiner CSS tut

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