SlickGrid 2.0 non può cambiare il colore di sfondo fila negli indici dispari

Question

sto cercando di cambiare il colore di sfondo utilizzando questo codice:

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

funziona perfettamente fino a quando l'indice è ancora. ma con indici dispari non ha alcun effetto sul colore di sfondo (ha effetto sullo stile del carattere). Sospetto che abbia qualcosa a che fare con l'effetto zebra? (Non so come disabilitarlo)

Grazie.

Answer 1

La classe CSS Unverified viene applicato, ma non ha effetto perché è la specificità è inferiore a quello che viene definito nel slick-default-theme.css:

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

Si noti che il selettore utilizza una combinazione di due classi, che è più specifico rispetto la tua singola classe Unverified, quindi ha la precedenza.

Sono disponibili due opzioni:

1. rimuovere la regola esistente.
2. Aumentare la specificità della regola aggiungendo .slick-row e inserendolo dopo la regola esistente nel documento o aggiungendo ! important alla fine della dichiarazione di stile.

Answer 2

Nessuna delle risposte di Tin ha funzionato per me.

usavo:

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

}

Ma l'aggiunta di questo al mio CSS ha fatto:

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