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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

मोबाइल पर रिस्पॉन्सिव टेबल

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

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

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

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

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

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

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

यह एलिमेंटर डेटा टेबल विजेट क्या कर सकता है और क्या नहीं

डायनामिक टेबल आपके द्वारा टाइप की जाने वाली पंक्तियों के लिए एक डेटा टेबल है। यहाँ यह क्या करता है और कहाँ रुकता है।

फ़ीचरगतिशील तालिका
पैनल में दर्ज की गई पंक्तियाँ और कॉलमहाँ
मर्ज किए गए सेल (स्तंभ अवधि और पंक्ति अवधि)हाँ
कोशिकाओं में प्रतीक और चित्रहाँ
गतिशील टैगहाँ, प्रति सेल एक मान
धारीदार पंक्तियाँहाँ
कस्टम कॉलम की चौड़ाईहाँ
चल पहंचहाँ, 768px और उससे नीचे
छँटाईनहीं
खोजेंनहीं
पृष्ठांकननहीं
सीएसवी या एक्सेल आयातनहीं

आपको किस टेबल टूल की आवश्यकता है?

एलिमेंटर खोजों में तालिका का अर्थ कई अलग-अलग चीजें हैं। आप जो निर्माण कर रहे हैं उसके द्वारा उपकरण चुनें।

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

संबंधितः उन्नत अकॉर्डियन लंबे उत्तरों के लिए जो एक सेल में फिट नहीं होंगे, और गतिशील टैग पोस्ट डेटा से कोशिकाओं को भरने के लिए।

एलिमेंटर टेबल उदाहरण

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

कक्षा समय सारिणी

पांच कॉलम के साथ एक साप्ताहिक कार्यक्रम। एक फोन पर प्रत्येक वर्ग अपना कार्ड बन जाता है।

समय कक्षा प्रशिक्षक स्टूडियो रिक्त स्थान
सोम 07:00विन्यास प्रवाहअलीना पेट्रोवास्टूडियो 14 बचे
सोम 18:30ताकत और कंडीशनिंगडैन ओसेईजिम मंजिलपूर्ण
मंगलवार 09:30पिलेट्स सुधारकमार्ता सिल्वास्टूडियो 22 बचे
बुध 12:15एक्सप्रेस एचआईआईटीडैन ओसेईजिम मंजिल9 बचे
गुरु 19:00 बजेयिन और पुनर्स्थापित करेंअलीना पेट्रोवास्टूडियो 111 बचे
शनिवार 10:00 बजेशुरुआती बर्रेयारा हद्दादस्टूडियो 26 बचे

सिस्टम आवश्यकताएँ

न्यूनतम और अनुशंसित मूल्यों की तुलना करने वाले तीन कॉलम, एक विशिष्ट शीट का सामान्य आकार।

घटक न्यूनतम अनुशंसित
वर्डप्रेस6.06.6 या नया
पीएचपी7.48.2
तत्व3.164.2 या नया
MySQL/मारियाडीबी5.7 /10.38.0 /10.6
पीएचपी स्मृति सीमा128 एमबी256 एमबी
max_input_vars10003000
https://www.saवैकल्पिकलाइसेंस जांच के लिए आवश्यक है

नौवहन दरें

गंतव्य और सेवा द्वारा एक मूल्य सूची, स्ट्रिपिंग बंद और एक हल्का हेडर।

गंतव्य सेवा डिलीवरी का समय मुक्त करना लागत
ब्रिटेन मुख्यभूमिरॉयल मेल ट्रैक किया गया 482 और 3 कार्य दिवस£40£3.95
ब्रिटेन मुख्यभूमिडीपीडी अगला दिनअगला कार्य दिवस£120£6.95
हाइलैंड्स और द्वीप समूहरॉयल मेल ट्रैक किया गया 483 और 5 कार्य दिवस£60£7.50
आयरलैंड गणराज्यडीपीडी आयरलैंड2 और 4 कार्य दिवस£150£11.00
ईयूडीएचएल यूरोप3 और 6 कार्य दिवस—£14.50
बाकी दुनियाडीएचएल एक्सप्रेस5 और 10 कार्य दिवस—£24.00
टेम्पलेट व्यूअर
फेसबुक
ट्विटर
व्हाट्सएप
कॉपी लिंक
अभी खरीदें
कार्य प्रबंधन
कार्य प्रबंधन
आदेश की पुष्टि के साथ गतिशील तालिका
आदेश की पुष्टि के साथ गतिशील तालिका
योजना तुलना
योजना तुलना
सिस्टम आवश्यकताएँ
सिस्टम आवश्यकताएँ
रेस्तरां मेनू
रेस्तरां मेनू
कक्षा समय सारिणी
कक्षा समय सारिणी
शिपिंग दरें
शिपिंग दरें
समर्थन डेस्क घंटे
समर्थन डेस्क घंटे

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

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

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

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

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

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

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

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

नहीं एलिमेंटर प्रो योजनाओं के लिए एक मूल्य तालिका विजेट जोड़ता है, लेकिन न तो कोर प्लगइन और न ही प्रो में डेटा की पंक्तियों और कॉलम के लिए विजेट है। आपको एक ऐडऑन विजेट जैसे डायनामिक टेबल, टेबल प्लगइन या अपना एचटीएमएल चाहिए।

हाँ। HTML विजेट में टेबल HTML पेस्ट करें और इसे अपने स्वयं के CSS से स्टाइल करें, या ग्रिड कंटेनर के साथ पंक्तियों को बाहर करें। दोनों छोटी तालिकाओं के लिए काम करते हैं, हालांकि हर बदलाव का मतलब संपादन कोड या कई अलग-अलग विजेट हैं।

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

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

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

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

हाँ। टेबलप्रेस में टेबल बनाएं, उदाहरण के लिए इसका शॉर्टकोड कॉपी करें [१�� तालिका id=1/], और इसे एलिमेंटर शोर्ट विजेट में पेस्ट करें। वह मार्ग लंबी तालिकाओं के अनुकूल है जिन्हें छँटाई, खोज या पृष्ठांकन की आवश्यकता है।

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

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

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

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

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

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

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

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

पैटर्न

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

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

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

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

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