/ / दो differents शैली के jqgrid - jquery, jqgrid जोड़ने के लिए कैसे

दो differents शैली के jqgrid - jquery, jqgrid जोड़ने के लिए कैसे

मेरे पेज और दो ग्रिड यहाँ है ... पहले ग्रिड में कॉलम हेडर के लिए यह शैली है

<style type="text/css">
.ui-jqgrid table.ui-jqgrid-htable {
height:60px;
}
</style>

यह table1 में है, और table2 में मेरा अन्य ग्रिड है लेकिन शैली के बिना

पृष्ठ लोड करते समय, दूसरी ग्रिड को पहली ग्रिड के लिए शैली मिलती है और कॉलम हेडर आकार 60 है

समस्या क्या है?

पीडी: मेरी अंग्रेजी के लिए खेद है

उत्तर:

जवाब के लिए 0 № 1

आपके द्वारा उपयोग की जाने वाली सीएसएस शैली दोनों ग्रिड पर लागू होती है क्योंकि आप इसका उपयोग करते हैं कक्षाएं ui-jqgrid तथा ui-jqgrid-htable सीएसएस नियम में। कक्षाओं के साथ तत्व दोनों ग्रिड में मौजूद है। यदि आप केवल एक ग्रिड पर कुछ सीएसएस सेटिंग्स लागू करना चाहते हैं तो आप उदाहरण के लिए उपयोग कर सकते हैं। यदि आपके द्वारा उपयोग किए जाने वाले दो ग्रिड में आईडी हैं table1 तथा table2 उदाहरण के लिए (आप उपयोग करते हैं <table id="table1"></table> पहली ग्रिड के लिए और <table id="table2"></table> दूसरे के लिए) तो बाहरी div jqGrid द्वारा बनाई गई (जो है ui-jqgrid कक्षा) में id = "gbox_table1" और id = "gbox_table2" होगा (बाहरी div की आईडी उपसर्ग "gbox_" जोड़कर तालिका आईडी के आधार पर बनाई जाएगी)। तो क्या आपको आवेदन करने की ज़रूरत है height:60px केवल पहली ग्रिड के लिए (id = "table1" के साथ) तो आपको सीएसएस नियम को बदलना चाहिए

#gbox_table1 table.ui-jqgrid-htable {
height:60px;
}

जवाब के लिए 0 № 2

<style> तत्वों में जोड़ा जाना चाहिए <head> एक HTML दस्तावेज़ का तत्व, और शैली पूरे दस्तावेज़ पर लागू होती है। यदि स्टाइल प्रकार सीएसएस है, तो की सामग्री <style> सीएसएस के पैटर्न मिलान नियमों के अनुसार व्याख्या की गई है। आपके मामले में, यदि ऊंचाई सभी पर लागू होगी <table> तत्व है कि है ui-jqgrid-htable कक्षा, और यह वर्ग के साथ किसी भी तत्व प्रकार का एक बच्चा है ui-jqgrid.

यदि आप केवल एक तत्व और उसके बच्चों पर एक शैली लागू करना चाहते हैं, तो ए का उपयोग करें style ए के बजाय विशेषता <style> तत्व।