2012-02-22 14 views
6

में कॉलम के लिए हेडर सेल में कक्षा कैसे लागू करूं, मेरे पास स्लिक्ग्रिड में एक कॉलम है जहां सभी कोशिकाओं को सेल के दाईं ओर लागू कुछ पैडिंग की आवश्यकता होती है। ग्रिड के लिए कॉलम प्रारंभ करते समय मैं cssClass प्रॉपर्टी का उपयोग करता हूं, लेकिन यह केवल कॉलम के गैर-हेडर सेल पर लागू होता है। मैं हेडर के लिए उपयोग करने के लिए एक सीएसएस क्लास भी निर्दिष्ट कैसे करूं ताकि मैं इसे सही पैडिंग भी लागू कर सकूं? उस पैडिंग के बिना, हेडर सेल इसके नीचे की शेष कोशिकाओं के साथ थोड़ा सा लाइन से बाहर हो जाता है।मैं slickgrid

उत्तर

7

यदि ये शैलियों सभी कोशिकाओं पर लागू होती हैं, तो आप अंतर्निहित .slick-cell और .slick-headerrow-column सीएसएस कक्षाओं का उपयोग करके उन्हें स्टाइल कर सकते हैं। हालांकि, यह देखने के लिए एक बात यह है कि यदि आपकी कम नियम विशिष्टता है तो आपकी शैलियों SlickGrid के डिफ़ॉल्ट को ओवरराइड नहीं कर सकती हैं। यदि यह आपके ऐप में कोई समस्या है, तो या तो अपने नियमों की विशिष्टता बढ़ाएं या !important - .slick-cell { padding-right:10px !important; } का उपयोग करें।

+0

समस्या यह है कि मैं इसे सभी कक्षों या सभी स्तंभों पर लागू नहीं करना चाहता - मैं केवल इसे एक कॉलम हेडर सेल पर लागू करना चाहता हूं। मैं इसे किसी दिए गए कॉलम में सभी कक्षों के लिए सेट कर सकता हूं, लेकिन हेडर सेल नहीं। मुझे div.slick-headerrow-column jquery चयनित सूची में nth कॉलम चुनने और मुझे आवश्यक कॉलम हेडर निर्दिष्ट करने के तरीके से css को लागू करने के लिए कुछ भी नहीं मिल रहा है। ऐसा लगता है कि एक सिंगल हेडर सेल स्टाइल करने के लिए एक ओवरवर्क किए गए दृष्टिकोण की तरह लगता है। –

+7

ओह, मैं देखता हूं। उस स्थिति में, आप स्तंभ परिभाषा - columnDef.headerCssClass के माध्यम से कॉलम हेडर के लिए एक सीएसएस क्लास निर्दिष्ट कर सकते हैं। – Tin

+0

आह, यही वह है जो मैं ढूंढ रहा था - धन्यवाद! –

संबंधित मुद्दे