ٹیبلیں

سادہ ٹیبل

کمرے سے وسیع

عمل کے ساتھ ٹیبل

پٹی دار قطاریں، پوائنٹر کے نیچے روشن

قطاریں جنہیں نشان زد کیا جا سکتا ہے

ہر قطار کے سرے پر ایک باکس، ان سب کے لیے ایک ہیڈر میں، اور اوپر کے اعمال: یہ نشان زد قطاروں کو اپنے ایڈریس پر بھیجتے ہیں، اور جب کچھ نشان زد نہ ہو تو پہنچ سے باہر رہتے ہیں۔

فائلیں، کل، ہر قطار پر ایک عمل

نام سے پڑھی جانے والی پاتھیں، اس سے پہلے کے فولڈر اس کے شروع سے کاٹے جاتے ہیں۔ بار یہ بتاتی ہے کہ کتنی قطاریں ہیں، اور ایک عمل جس پر `all` کا نشان ہے وہ بغیر کسی نشان زد کے کام کرتا ہے — یہ ہر قطار کو لیتا ہے، اور جب یہ متوقع ہوتا ہے تو بار کو آگے لے جاتا ہے۔

فلٹرز

ٹیبل کے سرے پر فلٹرز کی ایک بار، ہر ایک ایک غیر واضح مینو، بتاتے ہوئے کہ یہ ایک بار جب یہ کرتا ہے تو کس چیز کو محدود کرتا ہے۔ سرور پر یہ صفحے کی درخواست میں رہتے ہیں — ہر آپشن ایک لنک ہے — اور کنٹرولر ان سے قطاروں کو محدود کرتا ہے؛ ویو میں یہ ایک قیمت ہے جو صفحے کو اس کی API کے لیے دی گئی ہے، یا ٹیبل کے ذریعے پہلے سے موجود قطاروں پر لگائی گئی ہے۔ ہر آپشن ایک باکس ہے — ایک کا انتخاب کرنے کے لیے گول — جب یہ ایک ہوتا ہے تو اس کے لہجے کے مطابق رنگین، ایک اسٹیٹس یا ایک زمرہ۔

ترتیب

ایک ہیڈر جو ترتیب دیتا ہے، سرور پر ایک لنک اور vue میں ایک بٹن ہے: چڑھتا ہوا، اترتا ہوا، پھر اس ترتیب میں واپس جانا جو صفحے نے بیان کی ہے، جس پر فہرست کھلتی ہے اور جس کا تیر شروع سے دکھاتا ہے۔ خالی تاریخیں دونوں طریقوں میں آخر میں آتی ہیں، اور نام ان طریقوں سے موازنہ کرتے ہیں جن سے زبان انہیں ترتیب دیتی ہے۔ یہاں جدول خود ہی دی گئی قطاروں کو ترتیب دیتا ہے؛ ایک کنٹرولر جو اپنی فہرست کو صفحہ بند کرتا ہے، اسی تلاش کو پڑھتا ہے۔

براؤزر میں ترتیب دینا، ٹویگ سے

`vue: true` ایک ہی کالم اور قطاریں vue جڑواں کو دیتا ہے: یہ براؤزر میں پوری فہرست کو ترتیب دیتا ہے اور تلاش کرتا ہے، بغیر کسی صفحہ کے لوڈ کے۔ ایک فہرست کے لیے جسے صفحہ پوری طرح رکھتا ہے — ایک چھوٹی، یا ایک جس کے لیے کوئی api خدمت نہیں کرتی۔

منتخب میں اعمال

جب کافی اعمال ہوتے ہیں تو وہی بار: ایک منتخب کیا جاتا ہے، پھر لگایا جاتا ہے۔

لنک اور آئیکن سیل

لوڈ ہو رہا ہے

خالی حالت

کالم کی ہم آہنگی

کوڈ، اعداد اور کل

`cell: 'code'` ایک شناخت کار کو مونو چہرے میں سیٹ کرتا ہے؛ `cell: 'number'`، یا ایک `unit`، صفحے کی مقامی زبان میں ایک عدد لکھتا ہے۔ `negative: true` ایک عدد کو صفر سے نیچے غلطی کے لہجے میں ظاہر کرتا ہے، اس کا منفی نشان بھی یہی کہتا ہے۔ `totals` ایک قطار ہے جو صفحہ ہاتھ میں دیتا ہے، دوسروں کے نیچے بنائی گئی — جدول کچھ بھی جمع نہیں کرتا، ایک صفحہ یا ایک فلٹر کردہ فہرست کو پکڑتا ہے۔ سرور کی طرف سے بنایا گیا، پھر vue کی طرف سے۔

مارک ڈاون سے

ایک ٹیبل جو مارک ڈاون میں لکھی گئی ہے اور `markdown_ds` کے ذریعے گزرتی ہے: کالم، ان کی ہم آہنگی اور ہر سیل کی مارک اپ دستاویز سے پڑھی جاتی ہے، اور ٹیبل یہاں دیگر ٹیبلز کی طرح بنایا جاتا ہے۔ `markdown` سادہ `<table>` کو برقرار رکھتا ہے، جو بھی صفحہ نہیں ہے — ایک میل، ایک فیڈ۔

گروپ قطاریں

ایک قطار جو صرف ایک گروپ پر مشتمل ہوتی ہے وہ ایک قطار نہیں ہے: یہ دو گروپوں کے درمیان ایک لائن ہے، جسے ایک لفظ دیا گیا ہے۔ یہ ٹیبل کی چوڑائی میں پھیلی ہوئی ہے اور اس کے بعد آنے والی چیزوں کا نام دیتی ہے — ایک مینو سیپریٹر کی طرح۔

اسٹیٹس سیل

ایک حالت ایک دائرہ ہے، کبھی بھی کوئی رنگ جو کسی نے منتخب کیا: سیل ایک قسم کا نام لیتا ہے، یا ایک قسم جس کے ساتھ ایک تعداد اور ایک عنوان ہوتا ہے، اور اسٹیٹس آئیکن کو کھینچتا ہے جیسا کہ باقی سسٹم کھینچتا ہے۔ صفحے میں کچھ بھی اسٹائل کرنے کی ضرورت نہیں ہے۔

چپکنے والا ہیڈر

ایک طویل ٹیبل کو کالم بہ کالم پڑھا جاتا ہے جتنا کہ قطار بہ قطار۔ `sticky` کے ساتھ، ہیڈر نظر میں رہتا ہے جبکہ قطاریں اس کے نیچے سکرول کرتی ہیں؛ ایک صفحہ جس میں اوپر کچھ چپکایا گیا ہے وہ `--table-sticky-top` میں نیچے کتنا آگے ہے یہ بتاتا ہے۔

اپنے زون میں ایک جدول

ایک `zone--table` زون پورے جدول کو دیا جاتا ہے: جو اسے اوپر چلاتا ہے، اس کے صفحات نیچے، اس سے جو اسکرول ہوتا ہے، اور ان کے درمیان جدول کا نیچے تک کا حصہ، یہاں تک کہ تین قطاروں کے لیے بھی۔ کوئی بھی جدول اس میں جا سکتا ہے، چاہے وہ سرور کے ذریعہ لکھا گیا ہو یا vue کے ذریعہ۔ `natural` کے ساتھ، جیسے کہ بائیں جانب، جدول اپنے کالموں کی چوڑائی برقرار رکھتا ہے، نہ تو کھینچا ہوا اور نہ ہی سکڑا ہوا۔

ویو اینٹیٹی ٹیبل

چناؤ کے ساتھ ویو ٹیبل

کلائنٹ پر وہی معاہدہ: نشان زد کردہ چابیاں v-model:selected کے ذریعے واپس آتی ہیں، ہر عمل کو bulk-action کے طور پر جاری کیا جاتا ہے، اور ایک ایڈریس کے ساتھ پوسٹ کیا جاتا ہے جیسا کہ سرور ٹیبل اسے پوسٹ کرتا ہے۔ ان میں کوئی نہیں ہے، تو نیچے کی لائن یہ بتاتی ہے کہ کیا کیا جا سکتا تھا۔ ہر صفحے پر تین قطاریں، بار کے آخر میں کل، اور آرکائیو سب کو کچھ بھی نشان زد کیے بغیر درکار ہے۔

کل کے بغیر صفحات

جب API کل واپس نہیں کرتی، تو پیجر پچھلے/اگلے پر واپس آ جاتا ہے۔

سرور کی طرف سے تیار کردہ صفحہ بندی

`pagination(page, pages_count)` ایک فہرست کے صفحات کو روابط کے طور پر ظاہر کرتا ہے: ہر ایک اس صفحے کا راستہ اور تلاش کو برقرار رکھتا ہے جس پر وہ موجود ہے — ایک تلاش، ایک ترتیب — اور صرف `page` کو تبدیل کرتا ہے، جو 1 سے شمار ہوتا ہے۔ دکھائے گئے نمبر vue پیجر کے ہیں: پہلا، آخری، موجودہ اور اس کے قریب۔ `compact` صفحہ نمبر کے ارد گرد پچھلا اور اگلا رکھتا ہے؛ `route` اور `params` کسی اور ایڈریس کے ذریعے صفحے کو منتقل کرتے ہیں۔

ویو تاریخ فارمیٹر