तालिकाएँ

सरल तालिका

कक्ष से बड़ा

कार्रवाई के साथ तालिका

धारीदार पंक्तियाँ, पॉइंटर के नीचे जलती हैं

पंक्तियाँ जिन्हें टिक किया जा सकता है

प्रत्येक पंक्ति के सिर पर एक बॉक्स, सभी के लिए एक शीर्षक में, और ऊपर कार्रवाई: वे टिक की गई पंक्तियों को उनके अपने पते पर भेजते हैं, और जब कुछ नहीं टिक होता है तो पहुँच से बाहर रहते हैं।

फाइलें, एक कुल, हर पंक्ति पर एक क्रिया

उनके नाम से पढ़े गए पथ, उसके पहले के फ़ोल्डर को उनकी शुरुआत से काट दिया गया। बार इस पर समाप्त होता है कि कितनी पंक्तियाँ हैं, और एक क्रिया जो `all` के रूप में चिह्नित होती है, कुछ टिक किए बिना काम करती है - यह हर पंक्ति को लेती है, और जब यह अपेक्षित होता है तो बार को आगे बढ़ाती है।

फिल्टर

तालिका के शीर्ष पर एक फिल्टर बार, प्रत्येक के लिए एक विवेकपूर्ण मेन्यू, कहता है कि एक बार यह क्या संकीर्ण करता है। सर्वर पर वे पृष्ठ के प्रश्न में रहते हैं - प्रत्येक विकल्प एक लिंक है - और नियंत्रक पंक्तियों को उससे संकीर्ण करता है; vue में वे एक मान होते हैं जो पृष्ठ को उसके एपीआई के लिए दिया जाता है, या तालिका द्वारा पहले से ही उसकी पंक्तियों पर लागू किया जाता है। प्रत्येक विकल्प एक बॉक्स है - एक के लिए गोल - जब इसका कोई स्वर होता है, एक स्थिति या एक श्रेणी द्वारा रंगीन।

क्रमबद्ध करना

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

ब्राउज़र में क्रमबद्ध करना, twig से

`vue: true` वही कॉलम और पंक्तियाँ vue जुड़वां को सौंपता है: यह ब्राउज़र में पूरी सूची को क्रमबद्ध और खोज करता है, बिना पृष्ठ लोड के। एक सूची के लिए जिसे पृष्ठ पूरी रखता है — एक छोटा या एक ऐसा जो कोई एपीआई प्रदान नहीं करता।

चयन में क्रियाएँ

जब वहाँ पर्याप्त क्रियाएँ होती हैं कि उसे भीड़ दें: एक चुनी जाती है, फिर लागू होती है।

लिंक और आइकन सेल

लोडिंग स्थिति

खाली स्थिति

स्तंभ संरेखण

कोड, आंकड़े और कुल

`cell: 'code'` एक पहचानकर्ता सेट करता है मोनो फेस में; `cell: 'number'`, या एक `unit`, पृष्ठ के स्थान पर एक आंकड़ा लिखता है। `negative: true` एक आंकड़ा शून्य से नीचे की त्रुटि स्वर में दर्शाता है, इसका माइनस चिह्न भी यही बताता है। `totals` एक पंक्ति है जो पृष्ठ सौंपता है, अन्य के नीचे दर्शाई गई — तालिका कुछ भी जोड़ती नहीं है, एक पृष्ठ या एक फ़िल्टर्ड सूची को धारण करती है। सर्वर द्वारा तैयार की गई, फिर vue द्वारा।

मार्कडाउन से

मार्कडाउन में लिखी गई एक तालिका और `markdown_ds` से गुजरती है: स्तंभ, उनकी संरेखण और प्रत्येक सेल का मार्कअप दस्तावेज़ से पढ़ा जाता है, और तालिका को यहाँ किसी अन्य की तरह खींचा जाता है। `markdown` साधारण `<table>` को रखता है, जो कुछ भी पृष्ठ नहीं है - एक मेल, एक फीड।

पंक्तियाँ समूहित करें

एक पंक्ति जो केवल एक समूह को ले जाती है, वह एक पंक्ति नहीं है: यह उनके दो सेटों के बीच की रेखा है, एक शब्द दिया गया। यह तालिका को फैलाती है और जो इसके बाद आता है उसका नाम देती है - एक मेन्यू सेपरेटर के समान पढ़ाई।

स्थिति सेल

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

चिपचिपा शीर्षक

एक लंबी तालिका को स्तंभ द्वारा स्तंभ और पंक्ति द्वारा पंक्ति पढ़ा जाता है। `sticky` के साथ, शीर्षक दृश्य में रहता है जबकि पंक्तियाँ इसके नीचे स्क्रॉल होती हैं; एक पृष्ठ जिसमें शीर्ष पर किसी की अपनी चीज़ चिपकी होती है, यह बताता है कि `--table-sticky-top` में कितना नीचे है।

अपनी ज़ोन में एक तालिका

तालिका को पूरा करने के लिए एक `zone--table` क्षेत्र दिया जाता है: जो इसे ऊपर चलाता है, उसके पृष्ठ नीचे, जो कुछ भी स्क्रॉल करता है, और उनके बीच तालिका का मैदान जो क्षेत्र के नीचे तक जाता है, यहां तक कि तीन पंक्तियों के लिए भी। कोई भी तालिका इसमें जा सकती है, जो सर्वर द्वारा या vue द्वारा लिखी गई है। `natural` के साथ, जैसे कि बाईं ओर, तालिका अपनी कॉलम की चौड़ाई बनाए रखती है, न तो खींची गई और न ही सिकुड़ी।

Vue एंटिटी तालिका

चयन के साथ Vue तालिका

क्लाइंट पर वही अनुबंध: टिक की गई कुंजी v-model:selected के माध्यम से वापस आती हैं, प्रत्येक क्रिया को बल्क-एक्शन के रूप में उत्सर्जित किया जाता है, और एक पता के साथ एक को सर्वर तालिका के रूप में पोस्ट किया जाता है। इनमें से कोई नहीं है, इसलिए नीचे की पंक्ति बताती है कि क्या किया गया होता। प्रति पृष्ठ तीन पंक्तियाँ, बार के अंत में कुल, और Archive सभी को कुछ भी टिक किए बिना आवश्यकता होती है।

कुल के बिना पृष्ठांकन

जब एपीआई कुल नहीं लौटाता है, तो पेजर पिछले/अगले पर वापस जाता है।

pagination, जो सर्वर द्वारा तैयार की गई है

`pagination(page, pages_count)` एक सूची के पृष्ठों को लिंक के रूप में दर्शाता है: प्रत्येक अपने पृष्ठ के मार्ग और क्वेरी को बनाए रखता है — एक खोज, एक क्रम — और केवल `page` को बदलता है, जो 1 से शुरू होता है। दिखाए गए नंबर vue pager के होते हैं: पहला, अंतिम, वर्तमान और इसके पड़ोसी। `compact` पृष्ठ संख्या के चारों ओर पिछले और अगले को बनाए रखता है; `route` और `params` किसी अन्य पते के माध्यम से पृष्ठ करते हैं।

Vue तिथि स्वरूपक