2012-09-25 14 views
7

मैं jquery मोबाइल पर नया हूं। अब मैं टैबलेट यूआई के लिए एकाधिक कॉलम के साथ टेबल को कार्यान्वित करना चाहता हूं। Jquery मोबाइल ढांचे का उपयोग करके मैं इस एकाधिक कॉलम टेबल अवधारणा को कैसे कार्यान्वित कर सकता हूं। अगर कोई इस अवधारणा को करता है तो कृपया मुझे मार्गदर्शन करें। अग्रिम धन्यवाद।jquery मोबाइल के साथ एकाधिक कॉलम तालिका को कैसे कार्यान्वित करें?

उत्तर

2

कुछ इस तरह जोड़ने का प्रयास करें:

<div class="ui-grid-b"> 
<div class="ui-block-a">Block A</div> 
<div class="ui-block-b">Block B</div> 
<div class="ui-block-c">Block C</div> 

यह एक ग्रिड लेआउट है। जेक्यूएम में टेबल की तरह कुछ नहीं है, लेकिन यह इसका अनुकरण कर सकता है।

इस लिंक का प्रयास करें: jQM Grids

+0

उपर्युक्त कोड केवल 5 कॉलमन्स के लिए काम करता है लेकिन मुझे 8 से अधिक कॉलम प्रदर्शित करने की आवश्यकता है। इसके लिए कोई अन्य विकल्प है? – nari

1

लोकप्रिय प्लगइन आजमाएं - 960 ग्रिड http://jeromeetienne.github.com/jquery-mobile-960/

यह जिस तरह से आप लचीला चौड़ाई से अपने ग्रिड की व्यवस्था में एक बहुत अधिक लचीलेपन के लिए अनुमति देता है, आदि

वैसे, मैं विज्ञापन नहीं कर रहा हूं :)

+0

आप सही हैं। लेकिन इस प्लगइन सावधानी से इस्तेमाल किया जाना चाहिए। यह छोटी स्क्रीन पर अच्छा नहीं लग रहा है। –