jqGrid में फ़ॉन्ट आकार को कैसे बदलें?

Question

यह पहले से ही यूई-लाइटनेस के साथ चल रहा है। मैं ग्रिड के अंदर फ़ॉन्ट आकार कैसे बदलूं?

कृपया सलाह दें।

धन्यवाद।

Answer 1

jqGrid Forum पर इसके बारे में एक उत्कृष्ट पोस्ट है।

अनिवार्य रूप से आप ऐसा कर सकते हैं जो मनो सीएसएस फ़ाइल को सीधे बताता है और संशोधित करता है, या यदि आपको अधिक लचीलापन की आवश्यकता है तो आप अपनी खुद की लाइन शैली बना सकते हैं। उदाहरण के लिए:

.ui-jqgrid {font-size:0.8em} 

आप एक इनलाइन शैली बना सकता हूँ, तो आप इसे अधिक ग्रिड पंक्तियों को लेने के लिए विशिष्ट बनाने के लिए आवश्यकता हो सकती है:

.ui-jqgrid tr.jqgrow td {font-size:0.8em} 

Answer 2

ui.jqgrid.css में बहुत पहले लाइन यह है:

.ui-jqgrid{position:relative;font-size:11px;} 

बदलें कि तुम क्या जरूरत के लिए फ़ॉन्ट आकार।

Answer 3

तुम भी में यह संदर्भित करके एक विशिष्ट ग्रिड स्तंभ स्वरूपित कर सकते हैं ग्रिड नाम से आपका कस्टम सीएसएस और विशिष्ट कॉलम को लक्षित करने के लिए एरिया-वर्णित संपत्ति का उपयोग करें। उदाहरण के लिए:

#Mygrid td[aria-describedby="Mygrid_myspecialcolumnname"] { font-size: 14px; }

आप के बारे में aria-describedby यहाँ और अधिक पढ़ सकते हैं: http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

Answer 4

मैं हाल ही में jqGrid के संस्करण 4.5.4 के लिए ऐसा किया, और सिर्फ माता-पिता की तुलना में अधिक ओवरराइड करने के लिए किया था .ui-jqgrid चयनकर्ता। इस उदाहरण में, मैं सभी पाठ कहीं भी ग्रिड में 11px के डिफ़ॉल्ट बनाम 12px बनना चाहता था:

/* Bump up the font-size in the grid */ 
.ui-jqgrid, 
.ui-jqgrid .ui-jqgrid-view, 
.ui-jqgrid .ui-jqgrid-pager, 
.ui-jqgrid .ui-pg-input { 
    font-size: 12px; 
} 

ध्यान दें कि यह सीधे संपादन पैक सीएसएस फ़ाइल से एक अलग सीएसएस फ़ाइल में किया गया था, नहीं।

Answer 5

नवीनतम संस्करण में - देर देर के लिए ui.jqgrid.css में

.ui-jqgrid tr.jqgroup td {font-weight: bold; font-size: 12px;}