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

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

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


मोबाइल पर रिस्पॉन्सिव टेबल
उत्तरदायी तालिका? सेटिंग अनुभाग में बैठता है और डिफ़ॉल्ट रूप से चालू होता है। 768px चौड़े तक के उपकरणों पर हेडर पंक्ति छिपी होती है, प्रत्येक पंक्ति एक कार्ड बन जाती है, और प्रत्येक सेल अपने कॉलम का नाम एक लेबल के रूप में दिखाता है। पांच-स्तंभ की समय सारिणी आपके द्वारा नीचे स्क्रॉल किए जाने वाले कार्डों की सूची में बदल जाती है, इसलिए किसी को भी किनारे पर स्क्रॉल नहीं करना पड़ता है।
- स्टैक्ड कार्ड: प्रति पंक्ति एक कार्ड, बाईं ओर कॉलम नाम और दाईं ओर मान।
- प्रति डिवाइस संरेखणः हेडर और बॉडी एलाइनमेंट का अपना टैबलेट और मोबाइल वैल्यू है।
- इसे बंद करें: टेबल फोन पर अपना ग्रिड रखता है। चौड़ी टेबल तब स्क्रीन के किनारे से चलती हैं, इसलिए उन्हें तीन या चार कॉलम में रखें।
HTML टेबल कोड बनाम डायनेमिक टेबल विजेट
टेबल विजेट के बिना, एलिमेंटर में टेबल जोड़ने का सामान्य तरीका HTML विजेट में स्वयं HTML लिखना है। यहां बताया गया है कि इसकी तुलना विजेट से कैसे की जाती है।
| फ़ीचर | अपने स्वयं के कोड के साथ एचटीएमएल विजेट | मास्टर एडॉन्स डायनामिक टेबल |
|---|---|---|
| कीमत | मुक्त (एलिमेंटर कोर) | मुक्त |
| पंक्तियों और स्तंभों का निर्माण | तालिका, टीआर और टीडी टैग लिखें | पैनल में आइटम दोहराएं |
| स्टाइलिंग | आपका अपना सीएसएस | शैली टैब नियंत्रण |
| मर्ज कोशिकाओं | कोलस्पैन और रोस्पैन विशेषताएँ | कॉलम स्पैन और रो स्पैन फ़ील्ड |
| कोशिकाओं में प्रतीक और चित्र | मार्कअप चिपकाएँ | चिह्न पुस्तकालय या मीडिया पुस्तकालय |
| गतिशील टैग | नहीं | हाँ, प्रति सेल एक मान |
| फोन लेआउट | अपने स्वयं के मीडिया प्रश्न | पंक्तियाँ ताश के पत्तों में ढेर हो जाती हैं |
| छँटाई, खोज, सीएसवी आयात | एक स्क्रिप्ट या प्लगइन की जरूरत है | नहीं |
यदि आपको सॉर्टिंग, खोज, पृष्ठांकन या सीएसवी आयात की आवश्यकता है, तो एक समर्पित टेबल प्लगइन जैसे कि टेबलप्रेस बेहतर विकल्प है एक स्टाइल टेबल के लिए आप एलिमेंट के अंदर संपादित करते हैं, विजेट आपको एचटीएमएल और सीएसएस लिखने से बचाता है।
संबंधितः मूल्य निर्धारण तालिका (मुक्त), तुलना तालिका (प्रो) और गतिशील टैग (मुक्त)।
यह एलिमेंटर डेटा टेबल विजेट क्या कर सकता है और क्या नहीं
डायनामिक टेबल आपके द्वारा टाइप की जाने वाली पंक्तियों के लिए एक डेटा टेबल है। यहाँ यह क्या करता है और कहाँ रुकता है।
| फ़ीचर | गतिशील तालिका |
|---|---|
| पैनल में दर्ज की गई पंक्तियाँ और कॉलम | हाँ |
| मर्ज किए गए सेल (स्तंभ अवधि और पंक्ति अवधि) | हाँ |
| कोशिकाओं में प्रतीक और चित्र | हाँ |
| गतिशील टैग | हाँ, प्रति सेल एक मान |
| धारीदार पंक्तियाँ | हाँ |
| कस्टम कॉलम की चौड़ाई | हाँ |
| चल पहंच | हाँ, 768px और उससे नीचे |
| छँटाई | नहीं |
| खोजें | नहीं |
| पृष्ठांकन | नहीं |
| सीएसवी या एक्सेल आयात | नहीं |
आपको किस टेबल टूल की आवश्यकता है?
एलिमेंटर खोजों में तालिका का अर्थ कई अलग-अलग चीजें हैं। आप जो निर्माण कर रहे हैं उसके द्वारा उपकरण चुनें।
| आप क्या बना रहे हैं | सबसे अच्छा उपकरण |
|---|---|
| एक साधारण तालिका जैसे शेड्यूल, स्पेक शीट, मूल्य सूची या समय सारिणी | गतिशील तालिका |
| बड़े डेटा को सॉर्टिंग, खोज, पेजिनेशन या सीएसवी आयात की आवश्यकता होती है | टेबलप्रेस, एलिमेंटर शॉर्टकोड विजेट के साथ रखा गया है |
| योजनाएं और कीमतें साथ-साथ | मूल्य निर्धारण तालिका |
| योजनाओं या उत्पादों में एक सुविधा तुलना | तुलना तालिका (प्रो) |
| खुलने का समय | व्यावसायिक घंटे |
संबंधितः उन्नत अकॉर्डियन लंबे उत्तरों के लिए जो एक सेल में फिट नहीं होंगे, और गतिशील टैग पोस्ट डेटा से कोशिकाओं को भरने के लिए।
एलिमेंटर टेबल उदाहरण
नीचे दी गई तीन तालिकाएँ लाइव डायनामिक टेबल विजेट हैं, स्क्रीनशॉट नहीं। प्रत्येक स्टैक को कार्ड में देखने के लिए इस पृष्ठ को फ़ोन पर खोलें। एक रेस्तरां मेनू और एक योजना तुलना सहित अधिक लेआउट, उनके तहत डेमो व्यूअर में हैं।
कक्षा समय सारिणी
पांच कॉलम के साथ एक साप्ताहिक कार्यक्रम। एक फोन पर प्रत्येक वर्ग अपना कार्ड बन जाता है।
| समय | कक्षा | प्रशिक्षक | स्टूडियो | रिक्त स्थान |
|---|---|---|---|---|
| सोम 07:00 | विन्यास प्रवाह | अलीना पेट्रोवा | स्टूडियो 1 | 4 बचे |
| सोम 18:30 | ताकत और कंडीशनिंग | डैन ओसेई | जिम मंजिल | पूर्ण |
| मंगलवार 09:30 | पिलेट्स सुधारक | मार्ता सिल्वा | स्टूडियो 2 | 2 बचे |
| बुध 12:15 | एक्सप्रेस एचआईआईटी | डैन ओसेई | जिम मंजिल | 9 बचे |
| गुरु 19:00 बजे | यिन और पुनर्स्थापित करें | अलीना पेट्रोवा | स्टूडियो 1 | 11 बचे |
| शनिवार 10:00 बजे | शुरुआती बर्रे | यारा हद्दाद | स्टूडियो 2 | 6 बचे |
सिस्टम आवश्यकताएँ
न्यूनतम और अनुशंसित मूल्यों की तुलना करने वाले तीन कॉलम, एक विशिष्ट शीट का सामान्य आकार।
| घटक | न्यूनतम | अनुशंसित |
|---|---|---|
| वर्डप्रेस | 6.0 | 6.6 या नया |
| पीएचपी | 7.4 | 8.2 |
| तत्व | 3.16 | 4.2 या नया |
| MySQL/मारियाडीबी | 5.7 /10.3 | 8.0 /10.6 |
| पीएचपी स्मृति सीमा | 128 एमबी | 256 एमबी |
| max_input_vars | 1000 | 3000 |
| https://www.sa | वैकल्पिक | लाइसेंस जांच के लिए आवश्यक है |
नौवहन दरें
गंतव्य और सेवा द्वारा एक मूल्य सूची, स्ट्रिपिंग बंद और एक हल्का हेडर।
| गंतव्य | सेवा | डिलीवरी का समय | मुक्त करना | लागत |
|---|---|---|---|---|
| ब्रिटेन मुख्यभूमि | रॉयल मेल ट्रैक किया गया 48 | 2 और 3 कार्य दिवस | £40 | £3.95 |
| ब्रिटेन मुख्यभूमि | डीपीडी अगला दिन | अगला कार्य दिवस | £120 | £6.95 |
| हाइलैंड्स और द्वीप समूह | रॉयल मेल ट्रैक किया गया 48 | 3 और 5 कार्य दिवस | £60 | £7.50 |
| आयरलैंड गणराज्य | डीपीडी आयरलैंड | 2 और 4 कार्य दिवस | £150 | £11.00 |
| ईयू | डीएचएल यूरोप | 3 और 6 कार्य दिवस | — | £14.50 |
| बाकी दुनिया | डीएचएल एक्सप्रेस | 5 और 10 कार्य दिवस | — | £24.00 |








एलिमेंटर में टेबल कैसे बनाएं
एलिमेंटर पैनल में विजेट को डायनामिक टेबल कहा जाता है।
- एलिमेंट के लिए मास्टर ऐडऑन इंस्टॉल करें और जांचें कि गतिशील तालिका मास्टर ऐडऑन विजेट सेटिंग्स में चालू है।
- एलिमेंटर के साथ अपना पेज संपादित करें, खोजें गतिशील तालिका और इसे अंदर खींचें यह एक नमूना चार-स्तंभ तालिका के साथ शुरू होता है।
- में टेबल हेड, एक जोड़ें टेबल हैडर सेल प्रति कॉलम और प्रत्येक टाइप करें कॉलम नाम.
- में टेबल बॉडीबाएं से दाएं प्रति सेल एक आइटम जोड़ें चालू करें नई पंक्ति? पहली के बाद हर पंक्ति के पहले सेल पर।
- उपयोग कॉलम स्पैन या पंक्ति स्पैन सेल के विकल्प टैब में सेल मर्ज करने के लिए।
- स्टाइल टैब में टेबल को स्टाइल करें और छोड़ दें उत्तरदायी तालिका? तो पंक्तियों पर फोन पर ढेर, फिर पृष्ठ को अद्यतन करें।
डायनामिक टेबल के लिए अक्सर पूछे जाने वाले प्रश्न
क्या एलिमेंट में टेबल विजेट है?
एलिमेंटर में ही नहीं, मुफ़्त या प्रो। मास्टर ऐडऑन एक मुफ़्त जोड़ता है: डायनेमिक टेबल विजेट पैनल में हेडर और बॉडी सेल से टेबल बनाता है।
क्या तालिका मोबाइल उपकरणों पर उत्तरदायी है?
हाँ, उत्तरदायी तालिका के साथ? चालू किया गया, डिफ़ॉल्ट कौन सा है। 768px तक चौड़े उपकरणों पर प्रत्येक पंक्ति एक कार्ड में ढेर हो जाती है और प्रत्येक सेल एक लेबल के रूप में अपना कॉलम नाम दिखाता है। फ़ोन पर सामान्य टेबल लेआउट बनाए रखने के लिए इसे बंद करें।
क्या मैं कोशिकाओं में गतिशील डेटा का उपयोग कर सकता हूं?
हाँ, प्रति सेल एक मूल्य हैडर और बॉडी टेक्स्ट गतिशील टैग स्वीकार करते हैं, जिसमें मुफ्त मास्टर एडॉन्स डायनामिक टैग जैसे पोस्ट शीर्षक, कस्टम फ़ील्ड और लेखक की जानकारी शामिल है विजेट प्रत्येक पोस्ट के लिए एक पंक्ति नहीं बनाता है, इसलिए प्रत्येक पंक्ति अभी भी हाथ से बनाई गई है।
क्या एलिमेंट प्रो में टेबल विजेट है?
नहीं एलिमेंटर प्रो योजनाओं के लिए एक मूल्य तालिका विजेट जोड़ता है, लेकिन न तो कोर प्लगइन और न ही प्रो में डेटा की पंक्तियों और कॉलम के लिए विजेट है। आपको एक ऐडऑन विजेट जैसे डायनामिक टेबल, टेबल प्लगइन या अपना एचटीएमएल चाहिए।
क्या मैं बिना प्लगइन के एलिमेंटर में एक टेबल बना सकता हूं?
हाँ। HTML विजेट में टेबल HTML पेस्ट करें और इसे अपने स्वयं के CSS से स्टाइल करें, या ग्रिड कंटेनर के साथ पंक्तियों को बाहर करें। दोनों छोटी तालिकाओं के लिए काम करते हैं, हालांकि हर बदलाव का मतलब संपादन कोड या कई अलग-अलग विजेट हैं।
यदि मैं किसी सेल में बहुत लंबा टेक्स्ट जोड़ दूं तो क्या होगा?
पाठ कक्ष के अंदर लपेटता है कॉलम की चौड़ाई को ठीक करने के लिए सेल के विकल्प टैब में कस्टम चौड़ाई चालू करें, और पंक्तियों को तंग महसूस होने पर इनर सेल पैडिंग बढ़ाएं।
क्या मैं एक कॉलम को हाइलाइट कर सकता हूं, एक लोकप्रिय योजना की तरह?
एक भी सेटिंग के साथ नहीं पूरे हेडर या पूरे शरीर पर रंग लागू होते हैं योजना तालिकाओं के लिए, द मूल्य निर्धारण तालिका विजेट (निःशुल्क) में एक हाइलाइट विकल्प है, और तुलना तालिका विजेट (प्रो) योजना तुलना के लिए बनाया गया है।
क्या मैं तालिका में सीएसवी को सॉर्ट, खोज या आयात कर सकता हूं?
नहीं विजेट कोई छंटाई, खोज, पृष्ठांकन या सीएसवी आयात उन लोगों के लिए, इस तरह के टेबलप्रेस के रूप में एक डेटा तालिका प्लगइन का उपयोग करें और पृष्ठ पर अपने शोर्ट जगह है।
क्या मैं एलिमेंटर के अंदर टेबलप्रेस का उपयोग कर सकता हूं?
हाँ। टेबलप्रेस में टेबल बनाएं, उदाहरण के लिए इसका शॉर्टकोड कॉपी करें [१�� तालिका id=1/], और इसे एलिमेंटर शोर्ट विजेट में पेस्ट करें। वह मार्ग लंबी तालिकाओं के अनुकूल है जिन्हें छँटाई, खोज या पृष्ठांकन की आवश्यकता है।
क्या मैं एक्सेल या गूगल शीट से टेबल पेस्ट कर सकता हूं?
नहीं । प्रत्येक सेल पैनल में एक अलग आइटम है, इसलिए एक सेल में एक चिपकाया गया ब्लॉक लैंड करता है। एक बार में एक सेल दर्ज करें, या फ़ाइल को टेबलप्रेस में आयात करें, जो सीएसवी और एक्सेल फाइलों को पढ़ता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।

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

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

पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर

