मुख्य विषयवस्तु पर जाएं

Droptables: स्टाइलिंग टेबल

1. तालिका में प्रारूप

टूलबार पर, आप सेल के लिए शैली सेट कर सकते हैं जैसे: फ़ॉन्ट, फ़ॉन्ट आकार, पाठ शैली, सेल के लिए पृष्ठभूमि रंग, पाठ रंग, सेल क्षैतिज और ऊर्ध्वाधर संरेखण,... इसे एकल सेल या एकाधिक सेल पर लागू किया जा सकता है।

 

टेबल प्रारूप

 

पंक्ति की ऊँचाई और स्तंभ की चौड़ाई पिक्सेल में निर्धारित की जा सकती है। कृपया मेनू फ़ॉर्मेट > स्तंभ/पंक्ति आकार लागू करें स्तंभ का आकार बदलें / पंक्ति का आकार बदलें चुनें । पॉप-अप विंडो में, आप श्रेणी चुन सकते हैं और स्तंभों या पंक्तियों के लिए पिक्सेल निर्धारित कर सकते हैं। संपन्न बटन पर क्लिक करें।

 

पंक्ति-स्तंभ-आकार

 

 

2. थीम और सॉर्टिंग विकल्प

मेनू थीम थीम चयन मिलेगा । किसी थीम को लागू करने के लिए बस उस पर क्लिक करें।

 

विषय-चयन

 

अगर आपकी तालिका में पहले से ही डेटा है और आप कोई थीम लागू करते हैं, तो सारा डेटा हटा दिया जाएगा। अगर आप किसी नई तालिका पर कोई थीम लागू करते हैं, तो उदाहरण डेटा और शैली जोड़ दी जाएगी और उसे संपादित किया जा सकेगा।

उसी मेनू थीम > वैकल्पिक रंग हेडर स्टाइलिंग और फ़ुटर स्टाइलिंग के साथ अपनी तालिका पर रेखा को रंगने में मदद करती है । आप टेम्पलेट शैलियाँ चुन सकते हैं या प्लगइन सेटिंग्स में अपनी खुद की शैलियाँ बना सकते हैं।

 

वैकल्पिक रंग

 

सॉर्टेबल पैरामीटर आपको फ्रंटएंड पर AJAX डेटा सॉर्टिंग करने की अनुमति देता है। आप इसे मेनू फ़ॉर्मेट > सॉर्ट

 

सॉर्टेबल-और-फ़िल्टर-टेबल

 

तालिका संरेखण का अर्थ है उस div को संरेखित करना जिसमें पूरी तालिका शामिल है, उदाहरण के लिए पूरी तालिका को केंद्र में रखना। आप इसे मेनू फ़ॉर्मेट > तालिका संरेखण

 

तालिका-संरेखण

 

सेल हाइलाइट भी एक विकल्प के रूप में उपलब्ध है। आप कॉन्फ़िगरेशन । यह डिफ़ॉल्ट रूप से अक्षम होता है। आप हाइलाइटिंग का रंग और अपारदर्शिता समायोजित कर सकते हैं।

 

तालिका-हाइलाइटिंग

 

3. कोशिकाओं पर टूलटिप जोड़ें

सेल पर माउस घुमाने पर एक टूलटिप भी उपलब्ध है (इसे घटक विकल्पों से सक्रिय करना होगा)। तालिका के प्रत्येक सेल पर, राइट क्लिक करने पर टूलटिप

 

टेबल-सेल-टूलटिप

 

आप टूलटिप की चौड़ाई पिक्सेल में सेट कर सकते हैं। यह आपको संपादन के लिए एक एडिटर वाले टूलटिप पर ले जाएगा।

 

टूलटिप-संपादक

 

सामग्री जोड़ें और सहेजें, आपका काम पूरा हो गया, माउस घुमाने पर टूलटिप सार्वजनिक साइड पर प्रदर्शित हो जाएगा।

 

टूलटिप-होवर

 

4. ACL और फ्रंटएंड प्रशासन

जूमला फ्रंटएंड से अपनी टेबल्स को प्रबंधित करना संभव है। जूमला मेनू मैनेजर से, एक नया मेनू आइटम जोड़ें और "मैनेज टेबल्स" टाइप करें और Droptables फ्रंटएंड - डिफ़ॉल्ट को एक टेम्पलेट के रूप में चुनें।

 

मेनू-droptables

 

यहां आप फ्रंटएंड से Droptables मैनेजर देख सकते हैं।

 

Droptables-फ्रंटएंड

 

नोट: फ्रंटएंड पर पूर्ण स्क्रीन के साथ टेबल प्रबंधक इंटरफ़ेस प्रदर्शित करने के लिए, आपको टेम्पलेट स्टाइल > Droptables फ्रंटएंड चुनना चाहिए।

 

आप टेबल संस्करण क्रियाओं को नियंत्रित करने के लिए जूमला उपयोगकर्ता समूह ACL का उपयोग कर सकते हैं। सबसे पहले, यह निर्धारित करने के लिए कि किसे टेबल देखने की अनुमति है, आपको Droptables कॉन्फ़िगरेशन में उपयोगकर्ता भूमिकाएँ

 

फ्रंटएंड-टेबल-संस्करण

 

आप मेनू टेबल > टेबल एक्सेस से किसी टेबल के लिए स्वामी सेट कर सकते हैं।

 

उपयोगकर्ता-समूह-acl

 

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. फ्रंटएंड पर तालिका प्रिंट करें

, फ्रंटएंड पर प्रिंट बटन दिखाने के लिए मेनू टेबल और प्रिंट बटन विकल्प पर टिक करना होगा।

 

प्रिंट-बटन

An Error Occurred: Whoops, looks like something went wrong.

Sorry, there was a problem we could not recover from.

The server returned a "500 - Whoops, looks like something went wrong."

Help me resolve this