Droptables: स्टाइलिंग टेबल
- 1. तालिका में प्रारूप
- 2. थीम और सॉर्टिंग विकल्प
- 3. कोशिकाओं पर टूलटिप जोड़ें
- 4. ACL और फ्रंटएंड प्रशासन
- 5. पंक्ति और स्तंभ स्थिरीकरण
- 6. कॉलम डेटा फ़िल्टर करना
- 7. सेल पैडिंग और बॉर्डर त्रिज्या
- 8. कस्टम सीएसएस
- 9. उत्तरदायी जूमला टेबल्स
- 10. तालिका डाउनलोड करें
- 11. पृष्ठांकन
- 12. एकल कक्षों के लिए प्रारूप
- 13. फ्रंटएंड पर तालिका प्रिंट करें
1. तालिका में प्रारूप
टूलबार पर, आप सेल के लिए शैली सेट कर सकते हैं जैसे: फ़ॉन्ट, फ़ॉन्ट आकार, पाठ शैली, सेल के लिए पृष्ठभूमि रंग, पाठ रंग, सेल क्षैतिज और ऊर्ध्वाधर संरेखण,... इसे एकल सेल या एकाधिक सेल पर लागू किया जा सकता है।
पंक्ति की ऊँचाई और स्तंभ की चौड़ाई पिक्सेल में निर्धारित की जा सकती है। कृपया मेनू फ़ॉर्मेट > स्तंभ/पंक्ति आकार लागू करें स्तंभ का आकार बदलें / पंक्ति का आकार बदलें चुनें । पॉप-अप विंडो में, आप श्रेणी चुन सकते हैं और स्तंभों या पंक्तियों के लिए पिक्सेल निर्धारित कर सकते हैं। संपन्न बटन पर क्लिक करें।
2. थीम और सॉर्टिंग विकल्प
मेनू थीम थीम चयन मिलेगा । किसी थीम को लागू करने के लिए बस उस पर क्लिक करें।
उसी मेनू थीम > वैकल्पिक रंग हेडर स्टाइलिंग और फ़ुटर स्टाइलिंग के साथ अपनी तालिका पर रेखा को रंगने में मदद करती है । आप टेम्पलेट शैलियाँ चुन सकते हैं या प्लगइन सेटिंग्स में अपनी खुद की शैलियाँ बना सकते हैं।
सॉर्टेबल पैरामीटर आपको फ्रंटएंड पर AJAX डेटा सॉर्टिंग करने की अनुमति देता है। आप इसे मेनू फ़ॉर्मेट > सॉर्ट ।
तालिका संरेखण का अर्थ है उस div को संरेखित करना जिसमें पूरी तालिका शामिल है, उदाहरण के लिए पूरी तालिका को केंद्र में रखना। आप इसे मेनू फ़ॉर्मेट > तालिका संरेखण ।
सेल हाइलाइट भी एक विकल्प के रूप में उपलब्ध है। आप कॉन्फ़िगरेशन । यह डिफ़ॉल्ट रूप से अक्षम होता है। आप हाइलाइटिंग का रंग और अपारदर्शिता समायोजित कर सकते हैं।
3. कोशिकाओं पर टूलटिप जोड़ें
सेल पर माउस घुमाने पर एक टूलटिप भी उपलब्ध है (इसे घटक विकल्पों से सक्रिय करना होगा)। तालिका के प्रत्येक सेल पर, राइट क्लिक करने पर टूलटिप
आप टूलटिप की चौड़ाई पिक्सेल में सेट कर सकते हैं। यह आपको संपादन के लिए एक एडिटर वाले टूलटिप पर ले जाएगा।
सामग्री जोड़ें और सहेजें, आपका काम पूरा हो गया, माउस घुमाने पर टूलटिप सार्वजनिक साइड पर प्रदर्शित हो जाएगा।
4. ACL और फ्रंटएंड प्रशासन
जूमला फ्रंटएंड से अपनी टेबल्स को प्रबंधित करना संभव है। जूमला मेनू मैनेजर से, एक नया मेनू आइटम जोड़ें और "मैनेज टेबल्स" टाइप करें और Droptables फ्रंटएंड - डिफ़ॉल्ट को एक टेम्पलेट के रूप में चुनें।
यहां आप फ्रंटएंड से Droptables मैनेजर देख सकते हैं।
आप टेबल संस्करण क्रियाओं को नियंत्रित करने के लिए जूमला उपयोगकर्ता समूह ACL का उपयोग कर सकते हैं। सबसे पहले, यह निर्धारित करने के लिए कि किसे टेबल देखने की अनुमति है, आपको Droptables कॉन्फ़िगरेशन में उपयोगकर्ता भूमिकाएँ
आप मेनू टेबल > टेबल एक्सेस से किसी टेबल के लिए स्वामी सेट कर सकते हैं।
5. पंक्ति और स्तंभ स्थिरीकरण
स्तंभ जमना
कॉलम फ़्रीज़िंग मेनू फ़ॉर्मेट > रिस्पॉन्सिव विकल्पों । आप अधिकतम 5 कॉलम फ़्रीज़ कर सकते हैं। इसकी गणना पहले कॉलम से की जाती है।
कॉलम/पंक्ति को स्थिर करने के लिए एक अतिरिक्त विकल्प है जो आपको तालिका की ऊंचाई तय करने देता है (क्योंकि आपके तालिका कंटेनर की ऊंचाई अनंत हो सकती है)।
जब आप स्थिर करने के लिए कॉलम चुन लेते हैं, तो आप अपनी तालिका पर स्क्रॉल कर सकेंगे और हमेशा स्थिर कॉलम प्रदर्शित कर सकेंगे।
पंक्ति जमना
आप इसे मेनू प्रारूप > तालिका शीर्षलेख , यहां से आप विकल्प चालू कर सकते हैं और पंक्तियों को स्थिर करने के लिए सेट कर सकते हैं (5 पंक्तियों तक)।
यदि आप टेबल की ऊंचाई निर्धारित करना चाहते हैं, तो कृपया रिस्पॉन्सिव विकल्प पर वापस जाएं।
फिर सेटिंग के बाद पहली पंक्ति फ्रंटएंड पर स्थिर हो जाएगी।
6. कॉलम डेटा फ़िल्टर करना
फ़ॉर्मेट > फ़िल्टर पर फ़िल्टरिंग विकल्प उपलब्ध है । आप सार्वजनिक डेटा फ़िल्टरिंग फ़ील्ड सक्षम करने के लिए क्लिक करके इसे सक्रिय कर सकते हैं।
फ़िल्टर का उदाहरण:
7. सेल पैडिंग और बॉर्डर त्रिज्या
आप टूलबार पर बॉर्डर आइकन पा सकते हैं जो सेल पर पैडिंग और बॉर्डर त्रिज्या को समायोजित करने में मदद करता है।
8. कस्टम सीएसएस
मेनू फ़ॉर्मेट > कस्टम CSS में CSS जोड़ पाएँगे ।
कक्षों, पंक्तियों और स्तंभों के निर्देशांक होते हैं ताकि प्रत्येक को पहचाना जा सके और उन पर कस्टम CSS लागू किया जा सके। R पंक्ति है, C स्तंभ है। यहाँ पंक्ति 1 (r1), स्तंभ 4 (c4) = dtr1 dtc4 है।
CSS कोड को कोड मिरर का उपयोग करके रंगीन बनाया जाता है। CSS कोड कम कोड वाला भी हो सकता है, और यह भी काम करता है!
9. उत्तरदायी जूमला टेबल्स
क्या मेरी तालिकाएं उत्तरदायी हैं या छोटे उपकरणों पर स्क्रॉल का उपयोग करती हैं?
कर्नलों को छिपाना
Droptables एक विकल्प के रूप में, प्राथमिकता टूल के साथ रिस्पॉन्सिव डिज़ाइन को संभालता है। डिफ़ॉल्ट रूप से, रिस्पॉन्सिव सुविधा अक्षम होने पर, एक ओवरफ़्लो होगा (हालांकि यह मोबाइल पर बहुत अच्छा काम करता है)। कॉलम छिपाने के मेनू फ़ॉर्मेट > रिस्पॉन्सिव विकल्प पर जाना होगा
रिस्पॉन्सिव मोड उन्नत है, आप मोबाइल साइज़ पर कॉलम छिपाने के लिए प्राथमिकता निर्धारित कर सकते हैं। जब कॉलम छिपाए जाते हैं, तो कॉलम को प्रदर्शित/छिपाने के लिए एक चेकबॉक्स वाला मोबाइल मेनू प्रदर्शित होगा।
टेबल संस्करण के दौरान कॉलम का आकार निश्चित होता है। यदि सभी कॉलम का आकार कंटेनर के लिए बहुत बड़ा है, तो आपके पास ओवरफ़्लो होगा, और आप मोबाइल डिवाइस पर आसानी से स्क्रॉल कर पाएंगे।
स्क्रॉल वाली तालिका (कम संख्या में स्तंभों के लिए बेहतर)
स्तंभों को छुपाने वाली तालिका (स्तंभों की बड़ी संख्या के लिए बेहतर)
दोहराया गया हेडर
अगर आप अपनी साइट पर किसी छोटे से क्षेत्र में टेबल डालना चाहते हैं, तो यह एक और विकल्प है। आपको मेनू फ़ॉर्मेट > रिस्पॉन्सिव विकल्प पर जाना होगा। रिस्पॉन्सिव टाइप > रिपीटेड हेडर चुनें
आपकी मांग के अनुसार अनुकूलित करने के विकल्प उपलब्ध होंगे:
- प्रत्युत्तरात्मक ब्रेकपॉइंट (px): यह निर्धारित करने के लिए कि तालिका इस प्रत्युत्तरात्मक मोड पर कब टॉगल होगी, पिक्सेल में ब्रेकपॉइंट मान चुनें
- उत्तरदायी अधिकतम-ऊँचाई (px): जब उत्तरदायी मोड सक्रिय होता है, तो ब्रेकपॉइंट मान के आधार पर, बहुत लंबी तालिका से बचने के लिए अधिकतम-ऊँचाई परिभाषित करें
- रिस्पॉन्सिव मोड स्टाइलिंग: इस रिस्पॉन्सिव मोड के लिए डिफ़ॉल्ट स्टाइलिंग लागू करें या तालिका रंगों का उपयोग करें
इसके बाद, आप देख सकते हैं कि तालिका फ्रंटएंड पर कैसी दिखेगी।
10. तालिका डाउनलोड करें
अपनी तालिका को सार्वजनिक रूप से साझा करने के लिए, मेनू तालिका और "एक्सपोर्ट एक्सेल" बटन विकल्प पर टिक करें। फ़्रंटएंड पर डाउनलोड करते समय फ़ाइल का प्रकार *.xlsx होगा।
11. पृष्ठांकन
मेनू फ़ॉर्मेट > पृष्ठांकन में पा सकते हैं । पृष्ठ पर प्रदर्शित करने के लिए पंक्तियों की संख्या सक्षम करने और चुनने के लिए टॉगल बटन का उपयोग करें।
12. एकल कक्षों के लिए प्रारूप
Droptables में एकल-कोशिकाओं के लिए फ़ॉर्मेट सेट कर सकते हैं: दिनांक-समय, मुद्राएँ, संख्या। सबसे पहले, आपको एक/एक से अधिक कक्षों का चयन करना होगा। फिर मेनू फ़ॉर्मेट > दिनांक-समय पर जाएँ।
उसके बाद, मुद्राओं और संख्या को उसी तरह किया जा सकता है।
13. फ्रंटएंड पर तालिका प्रिंट करें
, फ्रंटएंड पर प्रिंट बटन दिखाने के लिए मेनू टेबल और प्रिंट बटन विकल्प पर टिक करना होगा।

































