angularjs ng-grid: हेडर शैली को कैसे बदलें

Question

मैं ng-grid के शीर्षलेख को कैसे पुनर्स्थापित कर सकता हूं? विशेष रूप से मैं पृष्ठभूमि रंग और हेडर पंक्ति के टेक्स्ट रंग को कैसे बदल सकता हूं?

Answer 1

आप .ngHeaderCell वर्ग ng-grid.css में घोषित हैडर कोशिकाओं पर पृष्ठभूमि रंग आप चाहते हैं का उपयोग करने पर background-color संपत्ति ओवरराइड कर सकते हैं।

आप मूल एनजी ग्रिड सीएसएस संशोधित करने के लिए नहीं करना चाहते हैं, आप अपने खुद के सीएसएस बना सकते हैं और एनजी ग्रिड के सीएसएस जिसमें आप बाद में के साथ एक ही .ngHeaderCell वर्ग overide कर सकते हैं के बाद इसे लोड कर सकते हैं:

.ngHeaderCell { 
    background-color: [your background color] !important; 
    bottom: 0; 
    color: [your foreground color] !important; 
    position: absolute; 
    top: 0; 
} 

Answer 2

मैंने पहले एनजी-ग्रिड में नहीं देखा है, लेकिन स्टाइल के लिए एक सीएसएस फ़ाइल प्रदान की जाती है? मैं या तो वास्तविक सीएसएस फ़ाइल को बदलने या इन परिवर्तनों को ओवर-लिखित करने की सलाह दूंगा जहां grid.css घोषित किया गया है। अगर आप यही बात कर रहे हैं तो लिंक देखें।

https://github.com/angular-ui/ng-grid/blob/master/ng-grid.css

उदाहरण के लिए, सीएसएस में से एक के ऊपर फ़ाइल में विशेषताओं से कम है, सिर्फ एक Ctrl-F करते हैं और गुण आप बदलना के लिए देख रहे हैं।

.ngHeaderCell { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    background-color: inherit; 
}