Tablolar

Basit tablo

Odanın genişliğinden daha geniş

İşlemlerle tablo

Şeritli satırlar, imleç altında aydınlatılır

Seçilebilecek satırlar

Her satırın başında bir kutu, hepsi için bir başlıkta ve yukarıda işlemler: işaretlenmiş satırları kendi adreslerine gönderir ve hiçbiri işaretlenmediğinde erişilemez durumda kalır.

Dosyalar, toplam, her satırda bir işlem

Adlarıyla okunan yollar, önündeki klasörler başlangıcından kesilir. Çubuk, kaç satır olduğunu gösterir ve `tümü` ile işaretlenmemişken çalışan bir işlem — her satırı alır ve beklenildiğinde çubuğu yönlendirir.

Filtreler

Tablonun başında bir filtre çubuğu, her biri neye daraldığını söyleyen bir menü. Sunucuda sayfanın sorgusunda yaşarlar — her seçenek bir bağlantıdır — ve denetleyici, ondan satırları daraltır; vue'da ise sayfaya api'si için verilen bir değer veya tablonun zaten sahip olduğu satırlara uygulanan bir değerdir. Her seçenek bir kutudur — bir seçim için yuvarlak — tonuna sahip olduğunda, bir durum veya kategori ile renklendirilir.

Sıralama

Sıralayan bir başlık, sunucuda bir bağlantı ve vue'de bir düğmedir: artan, azalan, ardından sayfanın bildirdiği sıraya geri döner; liste başlangıçta gösterilen ok ile açılır. Boş tarihler her iki yönde de en sona gider ve isimler diliyle sıralanır. Burada tablo, kendisine verilen satırları sıralar; bir kontrolörü listesini sayfalar, aynı sorguyu okur.

Tarayıcıda sıralama, twig'den

`vue: true` aynı sütun ve satırları vue ikizine verir: tarayıcıda tüm listeyi sıralar ve arar, sayfa yüklemesi olmadan. Sayfanın tamamen tuttuğu bir liste için — kısa bir liste veya bir api'nin hizmet vermediği bir liste.

Seçimdeki işlemler

Yeterince işlem olduğunda aynı çubuk: biri seçilir, ardından uygulanır.

Bağlantı ve simge hücreleri

Yükleniyor durumu

Boş durum

Sütun hizalaması

Kodlar, sayılar ve toplamlar

`cell: 'code'` mono yazı tipi içinde bir tanımlayıcı ayarlar; `cell: 'number'` veya bir `unit`, sayfanın yerelinde bir rakam yazar. `negative: true` sıfırın altında bir rakamı hata tonu ile çizer, eksi işareti de bunu söyler. `totals`, sayfanın teslim ettiği, diğerlerinin altında çizilen bir satırdır — tablo hiçbir şeyi toplamaz, bir sayfayı veya filtrelenmiş bir listeyi tutar. Sunucu tarafından çizilir, sonra vue tarafından.

Markdown'dan

Markdown ile yazılmış ve `markdown_ds` üzerinden geçirilmiş bir tablo: sütunlar, hizalamaları ve her hücrenin işaretlemesi belgeden okunur ve tablo burada diğerleri gibi çizilir. `markdown`, sayfa olmayan her şey için düz `<table>` tutar — bir mail, bir akış.

Gruplandırılmış satırlar

Sadece bir grubu taşıyan bir satır, bir satır değildir: iki grup arasında verilen bir kelime ile bir çizgidir. Tabloyu kaplar ve ardından gelenleri adlandırır — bir menü ayırıcı gibi aynı okuma.

Durum hücreleri

Bir durum bir dairedir, asla birinin seçtiği bir renk değildir: hücre bir tür adı alır, ya da bir sayı ve başlık ile bir tür alır ve durumu, sistemin geri kalanının çizdiği durum simgesini çizer. Sayfada stil verilecek bir şey yok.

Yapışkan başlık

Uzun bir tablo, hem sütun hem de satır olarak okunur. `sticky` ile başlık görünümde kalırken, satırlar altında kayar; kendi üstünde bir şey sabitlenmiş bir sayfa, ne kadar aşağıda olduğunu `--table-sticky-top` ile belirtir.

Kendine ait bir alanda bir tablo

Tabloya tamamen verilen bir `zone--table` alanı: en üstte neyin yönettiği, ayak kısmında sayfaları, neyin kaydırılmadığından, bunlar arasında tablonun tabanı alanın en altına kadar, hatta üç satır için bile. Herhangi bir tablo bunun içine girebilir, sunucu veya vue tarafından yazılmış. `natural` ile, soldaki gibi, tablo sütunlarının genişliğini korur, ne uzatılır ne de sıkıştırılır.

Vue varlık tablosu

Seçim ile Vue tablosu

İstemcide aynı sözleşme: işaretlenmiş anahtarlar v-model:selected ile geri gelir, her işlem toplu işlem olarak iletilir ve bir adres ile olanı, sunucu tablosunun gönderdiği gibi gönderilir. Bunların hiçbiri yoktur, bu yüzden aşağıdaki satır ne yapılacağını söyler. Sayfada üç satır, çubuğun sonunda toplam ve Arşivle tümü hiçbir işaretleme gerektirmez.

Toplamsız sayfalama

API toplam döndürmediğinde, sayfa dönmeye önceki/sonraya geri döner.

Sunucu tarafından oluşturulan sayfalama

`pagination(page, pages_count)` bir liste sayfasını bağlantılar olarak çizer: her biri bulunduğu sayfanın rotasını ve sorgusunu korur — bir arama, bir sıralama — ve yalnızca `page` değişir, 1'den itibaren sayılır. Gösterilen numaralar vue sayfa numarasının: ilk, son, mevcut ve komşularıdır. `compact` önceki ve sonraki sayfa numarasını korur; `route` ve `params` başka bir adresten geçer.

Vue tarih biçimlendiricileri