SlickGrid 2.0

Question

मैं इस कोड का उपयोग पृष्ठभूमि का रंग बदलने के लिए कोशिश कर रहा हूँ अजीब सूचकांकों में लगातार पृष्ठभूमि रंग नहीं बदल सकते हैं:

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

यह सही रूप में लंबे समय सूचकांक भी है के रूप में काम करता है। लेकिन अजीब इंडेक्स के साथ इसका पृष्ठभूमि रंग पर कोई प्रभाव नहीं पड़ता है (यह फ़ॉन्ट शैली पर प्रभाव डालता है)। मुझे संदेह है कि ज़ेबरा प्रभाव के साथ इसका कुछ संबंध है? (मुझे नहीं पता कि इसे कैसे अक्षम किया जाए)

धन्यवाद।

Answer 1

आपका Unverified CSS वर्ग के लिए लागू किया जाता है, लेकिन क्योंकि यह विशिष्टता है जो slick-default-theme.css में परिभाषित किया गया है की तुलना में कम है कोई प्रभाव नहीं है:

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

सूचना है कि चयनकर्ता दो वर्गों का एक संयोजन है, जो अधिक से अधिक विशिष्ट है का उपयोग करता है आपका एकल Unverified वर्ग, इसलिए इसे प्राथमिकता दी जाती है।

1. मौजूदा नियम निकालें:

   आपके पास दो विकल्प।

2. .slick-row जोड़कर और अपने स्टाइल घोषणा के अंत में ! important जोड़कर इसे अपने नियम की विशिष्टता बढ़ाएं।

Answer 2

टिन के उत्तरों में से कोई भी मेरे लिए काम नहीं करता था।

मैं उपयोग कर रहा था:

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

}

लेकिन मेरी सीएसएस को यह जोड़ने किया:

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