अंग्रेज़ी में पढ़ें

इसके माध्यम से साझा किया गया


कार्ड में टेबल नियंत्रण

सारणीबद्ध डेटा या किसी संरचित जानकारी को प्रस्तुत करने के लिए तालिका नियंत्रण का उपयोग करें, जिसे पंक्तियों और स्तंभों में सबसे अच्छी तरह से व्यवस्थित किया जा सके। टेबल तीन अलग-अलग कार्ड तत्वों से बने होते हैं:

  • टेबल्स
  • तालिका पंक्तियाँ
  • तालिका कक्ष

टेबल

टेबल्स, टेबल पंक्तियों के लिए शीर्ष-स्तरीय कंटेनर हैं। इस कारण से, उनके पास कई गुण हैं जो उनमें निहित सभी तालिका कक्षों और पंक्तियों के स्वरूप और लेआउट पर लागू होते हैं।

तत्व गुण

ग्रिड लाइन दिखाएँ – निर्दिष्ट करता है कि ग्रिड लाइन प्रदर्शित की जानी चाहिए या नहीं।

दृश्यमान – तालिका दिखाएँ या छिपाएँ. सत्य या असत्य हो सकता है.

स्पेसिंग – इस नियंत्रण और पिछले नियंत्रण के बीच स्पेसिंग की मात्रा को नियंत्रित करता है.

Divider – जब सत्य हो, तो नियंत्रण के शीर्ष पर एक अलग करने वाली रेखा खींचें।

ऊर्ध्वाधर संरेखण – परिभाषित करता है कि तालिका के सभी बच्चों के लिए सामग्री को ऊर्ध्वाधर रूप से कैसे संरेखित किया जाना चाहिए।

क्षैतिज संरेखण – परिभाषित करता है कि तालिका के सभी बच्चों के लिए सामग्री को क्षैतिज रूप से कैसे संरेखित किया जाना चाहिए।

ऊँचाई – निर्दिष्ट करता है कि तालिका को डेटा के आकार के साथ बढ़ना चाहिए (स्वतः) या कंटेनर की ऊँचाई को भरने के लिए बढ़ना चाहिए (खिंचाव)।

ग्रिड शैली – तालिका के भीतर सभी तालिका कक्षों के लिए शैली संकेत. स्वीकृत मान: डिफ़ॉल्ट, जोर, अच्छा, ध्यान, चेतावनी, उच्चारण।

प्रत्येक के लिए दोहराएँ – डेटा का स्रोत जिसका उपयोग इस नियंत्रण के एकाधिक उदाहरण दिखाने के लिए किया जाता है. हर बार दोहराने का उपयोग करना सीखें।

स्तंभ के गुण

स्तंभों की संख्या तालिका पर ही परिभाषित की जाती है। कॉलम को "कॉलम" टैब से जोड़ा और हटाया जा सकता है, जहां प्रत्येक कॉलम में निम्नलिखित गुण होते हैं:

चौड़ाई – कॉलम की चौड़ाई निर्दिष्ट करता है. यदि इसे संख्या के रूप में व्यक्त किया जाए, तो चौड़ाई तालिका में अन्य स्तंभों के सापेक्ष स्तंभ के भार को दर्शाती है। यदि स्ट्रिंग के रूप में व्यक्त किया जाता है, तो चौड़ाई "{{number}} px" (उदाहरण के लिए, "50px") प्रारूप में होनी चाहिए और पिक्सेल की एक स्पष्ट संख्या का प्रतिनिधित्व करती है।

क्षैतिज संरेखण – यह नियंत्रित करता है कि कॉलम में सभी कक्षों की सामग्री डिफ़ॉल्ट रूप से क्षैतिज रूप से कैसे संरेखित होती है। निर्दिष्ट किए जाने पर, यह मान तालिका स्तर पर सेटिंग को ओवरराइड कर देता है। जब निर्दिष्ट नहीं किया जाता है, तो क्षैतिज संरेखण तालिका, पंक्ति या कक्ष स्तर पर परिभाषित किया जाता है।

लंबवत संरेखण – यह नियंत्रित करता है कि कॉलम में सभी कक्षों की सामग्री डिफ़ॉल्ट रूप से लंबवत रूप से कैसे संरेखित होती है। निर्दिष्ट किए जाने पर, यह मान तालिका स्तर पर सेटिंग को ओवरराइड कर देता है। जब निर्दिष्ट नहीं किया जाता है, तो ऊर्ध्वाधर संरेखण तालिका, पंक्ति या कक्ष स्तर पर परिभाषित किया जाता है।

टेबल की पंक्ति

टेबल कार्ड तत्व का तत्काल संतान एक टेबल पंक्ति है। यह कई तालिका कक्षों को क्षैतिज रूप से एक साथ समूहित करता है और इसमें कुछ ऐसे गुण होते हैं जो उस पंक्ति के सभी आइटमों पर लागू होते हैं:

दृश्यमान – किसी तत्व को दिखाएँ या छिपाएँ। सत्य या असत्य हो सकता है.

स्पेसिंग – इस नियंत्रण और पिछले नियंत्रण के बीच स्पेसिंग की मात्रा को नियंत्रित करता है.

Divider – जब सत्य हो, तो नियंत्रण के शीर्ष पर एक अलग करने वाली रेखा खींचें।

लंबवत संरेखण – परिभाषित करता है कि पंक्ति में सभी कक्षों के लिए सामग्री को लंबवत रूप से कैसे संरेखित किया जाना चाहिए।

क्षैतिज संरेखण – परिभाषित करता है कि पंक्ति में सभी कक्षों के लिए सामग्री को क्षैतिज रूप से कैसे संरेखित किया जाना चाहिए।

ऊँचाई – निर्दिष्ट करता है कि तालिका पंक्ति को डेटा के आकार के साथ बढ़ना चाहिए (स्वतः) या कंटेनर की ऊँचाई को भरने के लिए बढ़ना चाहिए (खिंचाव)।

स्टाइल – पंक्ति के भीतर सभी तालिका कक्षों के लिए स्टाइल संकेत. स्वीकृत मान: डिफ़ॉल्ट, जोर, अच्छा, ध्यान, चेतावनी, उच्चारण।

प्रत्येक के लिए दोहराएँ – डेटा का स्रोत जिसका उपयोग चाइल्ड सेल के एकाधिक उदाहरण दिखाने के लिए किया जाता है। हर बार दोहराने का उपयोग करना सीखें।

टेबल सेल

तालिका घटक की एक पंक्ति के भीतर एक सेल का प्रतिनिधित्व करता है. इसमें चाइल्ड के रूप में कोई भी स्टैंडअलोन कार्ड तत्व और निम्नलिखित गुण हो सकते हैं:

ब्लीड – यह निर्धारित करता है कि नियंत्रण को उसके पैरेंट के पैडिंग के माध्यम से ब्लीड किया जाना चाहिए या नहीं।

पृष्ठभूमि छवि – पृष्ठभूमि छवि निर्दिष्ट करता है. स्वीकार्य प्रारूप PNG, JPEG और GIF हैं।

न्यूनतम ऊँचाई – तालिका सेल की न्यूनतम ऊँचाई पिक्सेल में निर्दिष्ट करता है, जैसे "80px"।

स्पेसिंग – इस नियंत्रण और पिछले नियंत्रण के बीच स्पेसिंग की मात्रा को नियंत्रित करता है.

Divider – जब सत्य हो, तो नियंत्रण के शीर्ष पर एक अलग करने वाली रेखा खींचें।

क्षैतिज संरेखण – परिभाषित करता है कि तालिका के सभी बच्चों के लिए सामग्री को क्षैतिज रूप से कैसे संरेखित किया जाना चाहिए।

ऊर्ध्वाधर संरेखण – परिभाषित करता है कि सेल के चाइल्ड कार्ड तत्वों के लिए सामग्री को कैसे संरेखित किया जाना चाहिए।

दाएँ से बाएँ प्रस्तुत करें – सक्षम होने पर, तालिका सेल में सामग्री दाएँ से बाएँ प्रस्तुत की जानी चाहिए।

ऊँचाई – निर्दिष्ट करता है कि क्या तालिका सेल को डेटा के आकार के साथ बढ़ना चाहिए ("स्वतः") या कंटेनर की ऊँचाई को भरने के लिए बढ़ना चाहिए ("खिंचाव")।

स्टाइल – तालिका सेल पृष्ठभूमि के लिए स्टाइल संकेत. स्वीकृत मान: डिफ़ॉल्ट, जोर, अच्छा, ध्यान, चेतावनी, उच्चारण।