फ्री एलिमेंटर टेबल विजेट

एलिमेंटर के पास अपना कोई टेबल विजेट नहीं है, मुफ्त या प्रो संस्करण में डायनामिक टेबल एक मुफ्त मास्टर एडॉन्स विजेट है जो उस अंतर को भरता है: आप हेडर कोशिकाओं और बॉडी कोशिकाओं को एलिमेंटर पैनल में जोड़ते हैं, और यह एक वास्तविक एचटीएमएल तालिका बनाता है जिसे आप कोड के बिना सेल टेक्स्ट, एक आइकन या एक छवि पकड़ सकते हैं, कॉलम या पंक्तियों में विलय कर सकते हैं, और गतिशील टैग से मूल्यों को खींच सकते हैं यह अक्सर शेड्यूल, स्पेक शीट, मूल्य सूची और निर्देशिकाओं के लिए उपयोग किया जाता है।

हेडर सेल विकल्पों के साथ टेबल हेड पैनल और टीम कार्य प्रबंधन तालिका के बगल में एक सजावट ड्रॉपडाउन

पैनल में पंक्तियाँ और कॉलम बनाएँ

तालिका दो रिपीटर्स से आती है। टेबल हैडर सेल प्रति कॉलम एक आइटम रखता है, और टेबल बॉडी सेल प्रत्येक सेल को पढ़ने के क्रम में रखता है, a के साथ नई पंक्ति? स्विच जो अगली पंक्ति शुरू करता है आप आइटम को फिर से व्यवस्थित करने के लिए खींच सकते हैं, एक सेल डुप्लिकेट कर सकते हैं, या हेडर पंक्ति को छुपा सकते हैं टेबल हेड स्विच।

  • मर्ज की गई कोशिकाएंः हेडर और बॉडी सेल पर कॉलम स्पैन, और बॉडी सेल पर रो स्पैन।
  • कॉलम की चौड़ाईः सेल की चौड़ाई निर्धारित करने के लिए उसके विकल्प टैब में कस्टम चौड़ाई चालू करें।
  • प्रति सेल पाठ विकल्पः संरेखण (बाएं, केंद्र, दाएं या औचित्य) और सजावट (अंडरलाइन, ओवरलाइन या लाइन थ्रू)।

हेडर और बॉडी स्टाइलिंग

टेबल हेडर स्टाइल हेडर पृष्ठभूमि (डार्क नेवी डिफ़ॉल्ट रूप से), टेक्स्ट रंग, आइकन आकार और रंग, संरेखण, टाइपोग्राफी और आंतरिक सेल पैडिंग सेट करता है। टेबल बॉडी डेटा कोशिकाओं के लिए समान नियंत्रण है, साथ ही आइकन के चारों ओर पैडिंग भी है।

  • हेडरः पृष्ठभूमि, पाठ और आइकन रंग, आइकन आकार, संरेखण, टाइपोग्राफी और सेल पैडिंग।
  • शरीर: पृष्ठभूमि, पाठ और आइकन रंग, आइकन आकार और पैडिंग, संरेखण, टाइपोग्राफी और सेल पैडिंग।
  • प्रति डिवाइस संरेखणः हेडर और बॉडी अलाइनमेंट टैबलेट और मोबाइल पर बदल सकते हैं।
हरे हेडर और कर्मचारी कार्य पंक्तियों के साथ एक टेबल के बगल में टेबल बॉडी और टेबल हेडर स्टाइल पैनल
एक छवि और एक गतिशील टैग सूची के साथ बॉडी सेल एक तालिका के बगल में छोटी प्रोफ़ाइल फ़ोटो के साथ नाम दिखा रहा है

कोशिकाओं में पाठ, चिह्न, छवियाँ और गतिशील टैग

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

  • चेकमार्क के रूप में चिह्नः योजना या सुविधा तुलना में टिक या क्रॉस आइकन का उपयोग करें।
  • छोटी छवियांः किसी नाम के आगे पिक्सेल आकार का कोई फ़ोटो या लोगो जोड़ें।
  • गतिशील टैगः एकल मान जैसे पोस्ट शीर्षक या कस्टम फ़ील्ड खींचें।

वैश्विक शैली: धारियाँ, सीमाएँ और कोने

वैश्विक शैली पूरी तालिका पर लागू होता है। धारीदार टेबल? एक हल्के भूरे रंग (#ईईई) पट्टी रंग के साथ डिफ़ॉल्ट रूप से चालू है जिसे आप बदल सकते हैं आप एक टेबल पृष्ठभूमि रंग, इनर सेल पैडिंग, प्रकार, चौड़ाई और रंग के साथ एक सीमा और गोल कोनों के लिए सीमा त्रिज्या भी सेट करते हैं।

  • ज़ेबरा पंक्तियाँ: लंबी तालिकाओं के लिए स्ट्रिपिंग रखें ताकि पंक्तियों का पालन करना आसान हो।
  • सीमाएँ: कोशिकाओं के चारों ओर ठोस, धराशायी, बिंदीदार या दोहरी रेखाएँ।
  • गोल कोने: बॉर्डर रेडियस टेबल के किनारे को नरम करता है।
टीम कार्य प्रबंधन डैशबोर्ड तालिका एक हरे रंग की हेडर और छह कर्मचारी कार्य पंक्तियों के साथ

HTML टेबल कोड बनाम डायनेमिक टेबल विजेट

टेबल विजेट के बिना, एलिमेंटर में टेबल जोड़ने का सामान्य तरीका HTML विजेट में स्वयं HTML लिखना है। यहां बताया गया है कि इसकी तुलना विजेट से कैसे की जाती है।

फ़ीचरअपने स्वयं के कोड के साथ एचटीएमएल विजेटमास्टर एडॉन्स डायनामिक टेबल
कीमतमुक्त (एलिमेंटर कोर)मुक्त
पंक्तियों और स्तंभों का निर्माणतालिका, टीआर और टीडी टैग लिखेंपैनल में आइटम दोहराएं
स्टाइलिंगआपका अपना सीएसएसशैली टैब नियंत्रण
मर्ज कोशिकाओंकोलस्पैन और रोस्पैन विशेषताएँकॉलम स्पैन और रो स्पैन फ़ील्ड
कोशिकाओं में प्रतीक और चित्रमार्कअप चिपकाएँचिह्न पुस्तकालय या मीडिया पुस्तकालय
गतिशील टैगनहींहाँ, प्रति सेल एक मान
फोन लेआउटअपने स्वयं के मीडिया प्रश्नपंक्तियाँ ताश के पत्तों में ढेर हो जाती हैं
छँटाई, खोज, सीएसवी आयातएक स्क्रिप्ट या प्लगइन की जरूरत हैनहीं

यदि आपको सॉर्टिंग, खोज, पृष्ठांकन या सीएसवी आयात की आवश्यकता है, तो एक समर्पित टेबल प्लगइन जैसे कि टेबलप्रेस बेहतर विकल्प है एक स्टाइल टेबल के लिए आप एलिमेंट के अंदर संपादित करते हैं, विजेट आपको एचटीएमएल और सीएसएस लिखने से बचाता है।

संबंधितः मूल्य निर्धारण तालिका (मुक्त), तुलना तालिका (प्रो) और गतिशील टैग (मुक्त)।

टेम्पलेट व्यूअर
फेसबुक
ट्विटर
व्हाट्सएप
कॉपी लिंक
अभी खरीदें
कार्य प्रबंधन
कार्य प्रबंधन
आदेश की पुष्टि के साथ गतिशील तालिका
आदेश की पुष्टि के साथ गतिशील तालिका
योजना तुलना
योजना तुलना
सिस्टम आवश्यकताएँ
सिस्टम आवश्यकताएँ
रेस्तरां मेनू
रेस्तरां मेनू
कक्षा समय सारिणी
कक्षा समय सारिणी
शिपिंग दरें
शिपिंग दरें
समर्थन डेस्क घंटे
समर्थन डेस्क घंटे

एलिमेंटर में टेबल कैसे बनाएं

एलिमेंटर पैनल में विजेट को डायनामिक टेबल कहा जाता है।

  1. एलिमेंट के लिए मास्टर ऐडऑन इंस्टॉल करें और जांचें कि गतिशील तालिका मास्टर ऐडऑन विजेट सेटिंग्स में चालू है।
  2. एलिमेंटर के साथ अपना पेज संपादित करें, खोजें गतिशील तालिका और इसे अंदर खींचें यह एक नमूना चार-स्तंभ तालिका के साथ शुरू होता है।
  3. में टेबल हेड, एक जोड़ें टेबल हैडर सेल प्रति कॉलम और प्रत्येक टाइप करें कॉलम नाम.
  4. में टेबल बॉडीबाएं से दाएं प्रति सेल एक आइटम जोड़ें चालू करें नई पंक्ति? पहली के बाद हर पंक्ति के पहले सेल पर।
  5. उपयोग कॉलम स्पैन या पंक्ति स्पैन सेल के विकल्प टैब में सेल मर्ज करने के लिए।
  6. स्टाइल टैब में टेबल को स्टाइल करें और छोड़ दें उत्तरदायी तालिका? तो पंक्तियों पर फोन पर ढेर, फिर पृष्ठ को अद्यतन करें।

डायनामिक टेबल के लिए अक्सर पूछे जाने वाले प्रश्न

डायनामिक टेबल के बारे में उपयोगकर्ताओं द्वारा पूछे जाने वाले सबसे अधिक पूछे जाने वाले प्रश्नों को जानें और एक ही स्थान पर उत्तर खोजें।
क्या एलिमेंट में टेबल विजेट है?

एलिमेंटर में ही नहीं, मुफ़्त या प्रो। मास्टर ऐडऑन एक मुफ़्त जोड़ता है: डायनेमिक टेबल विजेट पैनल में हेडर और बॉडी सेल से टेबल बनाता है।

हाँ, उत्तरदायी तालिका के साथ? चालू किया गया, डिफ़ॉल्ट कौन सा है। 768px तक चौड़े उपकरणों पर प्रत्येक पंक्ति एक कार्ड में ढेर हो जाती है और प्रत्येक सेल एक लेबल के रूप में अपना कॉलम नाम दिखाता है। फ़ोन पर सामान्य टेबल लेआउट बनाए रखने के लिए इसे बंद करें।

हाँ, प्रति सेल एक मूल्य हैडर और बॉडी टेक्स्ट गतिशील टैग स्वीकार करते हैं, जिसमें मुफ्त मास्टर एडॉन्स डायनामिक टैग जैसे पोस्ट शीर्षक, कस्टम फ़ील्ड और लेखक की जानकारी शामिल है विजेट प्रत्येक पोस्ट के लिए एक पंक्ति नहीं बनाता है, इसलिए प्रत्येक पंक्ति अभी भी हाथ से बनाई गई है।

यदि मैं किसी सेल में बहुत लंबा टेक्स्ट जोड़ दूं तो क्या होगा?

पाठ कक्ष के अंदर लपेटता है कॉलम की चौड़ाई को ठीक करने के लिए सेल के विकल्प टैब में कस्टम चौड़ाई चालू करें, और पंक्तियों को तंग महसूस होने पर इनर सेल पैडिंग बढ़ाएं।

एक भी सेटिंग के साथ नहीं पूरे हेडर या पूरे शरीर पर रंग लागू होते हैं योजना तालिकाओं के लिए, द मूल्य निर्धारण तालिका विजेट (निःशुल्क) में एक हाइलाइट विकल्प है, और तुलना तालिका विजेट (प्रो) योजना तुलना के लिए बनाया गया है।

नहीं विजेट कोई छंटाई, खोज, पृष्ठांकन या सीएसवी आयात उन लोगों के लिए, इस तरह के टेबलप्रेस के रूप में एक डेटा तालिका प्लगइन का उपयोग करें और पृष्ठ पर अपने शोर्ट जगह है।

ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन

कम समय में परिष्कृत वेबसाइट बनाएं।

एलिमेंटर के लिए मास्टर एडॉन्स ग्लासमोर्फिज्म एक्सटेंशन: ब्लर वैल्यू कंट्रोल के साथ फ्रॉस्टेड ग्लास कार्ड 20px पर सेट

ग्लासमोर्फिज्म

होम फ्री एलिमेंटर ग्लासमोर्फिज्म एक्सटेंशन: एक टॉगल में फ्रॉस्टेड ग्लास प्रभाव ग्लासमोर्फिज्म फ्रॉस्टेड है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स कंटेनर एक्स्ट्रा एक्सटेंशन: कंटेनर को अधिकतम चौड़ाई, अधिकतम ऊंचाई, न्यूनतम चौड़ाई और न्यूनतम ऊंचाई नियंत्रण के साथ 1400px अधिकतम चौड़ाई पर कैप किया गया है

कंटेनर अतिरिक्त

होम एलिमेंटर कंटेनर अधिकतम चौड़ाई और अधिकतम ऊंचाई नियंत्रण कंटेनर एक्स्ट्रा एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स पैटर्न एक्सटेंशन: पर्पल ग्रेडिएंट ग्रिड लेफ्ट स्टाइल के साथ हीरो, तीन और पैटर्न स्टाइल और इनेबल पैटर्न पैनल

पैटर्न

होम 70+ फ्री एलिमेंटर बैकग्राउंड पैटर्न पैटर्न एक मुफ्त मास्टर ऐडऑन एक्सटेंशन है जो जोड़ता है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट

पोस्ट/पेज डुप्लीकेटर

होम डुप्लिकेट एलिमेंटर पेज और पोस्ट एक क्लिक में पोस्ट/पेज डुप्लिकेटर एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन रीडिंग प्रोग्रेस बार एक्सटेंशन: गोपनीयता नीति पृष्ठ के शीर्ष पर नीली बार 42% भरी हुई है, सक्षम, स्थिति, ऊंचाई और रंग सेटिंग्स भरने के साथ

प्रगति बार पढ़ना

होम वर्डप्रेस में रीडिंग प्रोग्रेस बार जोड़ें (एलिमेंटर) रीडिंग प्रोग्रेस बार मुफ़्त है।।।
विवरण देखें