Tabel

Tabel sederhana

Lebih lebar dari ruangan

Tabel dengan tindakan

Baris bergaris, diterangi di bawah pointer

Baris yang dapat dicentang

Sebuah kotak di kepala setiap baris, satu di header untuk semuanya, dan tindakan di atas: mereka mengirim baris yang dicentang ke alamat mereka sendiri, dan tetap di luar jangkauan sementara tidak ada yang dicentang.

File, total, sebuah tindakan di setiap baris

Jalur dibaca berdasarkan namanya, folder sebelum itu dipotong dari awalnya. Batang berakhir pada berapa banyak baris yang ada, dan sebuah tindakan yang ditandai `semua` bekerja tanpa ada yang dicentang — itu mengambil setiap baris, dan memimpin batang ketika itu yang diharapkan.

Filter

Sebuah batang filter di kepala tabel, satu menu yang tersembunyi masing-masing, menyatakan apa yang dipersempit saat itu dilakukan. Di server mereka berada dalam kueri halaman — setiap opsi adalah tautan — dan pengendali mempersempit baris dari situ; dalam vue mereka adalah nilai yang diserahkan ke halaman untuk api-nya, atau diterapkan oleh tabel ke baris yang sudah dimilikinya. Setiap opsi adalah sebuah kotak — bulat untuk pilihan satu — berwarna sesuai nada ketika memiliki satu, status atau kategori.

Penyortiran

Header yang menyortir adalah tautan di server dan tombol di vue: menaik, menurun, kemudian kembali ke urutan yang dinyatakan halaman, yang dibuka daftar dan yang ditunjukkan oleh panahnya dari awal. Tanggal kosong berada di urutan terakhir baik cara, dan nama dibandingkan sesuai dengan cara bahasa mengatur mereka. Di sini tabel menyortir baris yang diberikan; pengontrol yang membagi daftarnya membaca kueri yang sama sebagai gantinya.

Penyortiran di browser, dari twig

`vue: true` menyerahkan kolom dan baris yang sama kepada kembaran vue: itu menyortir dan mencari seluruh daftar di browser, tanpa memuat halaman. Untuk daftar yang dipegang halaman secara keseluruhan — yang pendek, atau yang tidak dilayani oleh api.

Tindakan dalam pemilihan

Batang yang sama ketika ada cukup tindakan untuk mengisinya: satu dipilih, lalu diterapkan.

Sel tautan dan ikon

Status loading

Status kosong

Penyelarasan kolom

Kode, angka, dan total

`cell: 'code'` menetapkan pengenal dalam mono face; `cell: 'number'`, atau `unit`, menulis angka dalam lokal halaman. `negative: true` menggambar angka di bawah nol dalam nada kesalahan, tanda minusnya juga mengatakan demikian. `totals` adalah baris yang diserahkan halaman, digambar di bawah yang lain — tabel tidak menambahkan apa pun, memegang satu halaman atau daftar yang difilter. Digambar oleh server, kemudian oleh vue.

Dari markdown

Sebuah tabel yang ditulis dalam markdown dan diproses melalui `markdown_ds`: kolom-kolom, penyelarasan mereka dan markup setiap sel dibaca dari dokumen, dan tabel digambar di sini seperti tabel lainnya. `markdown` mempertahankan `<table>` biasa, untuk apa pun yang bukan halaman — sebuah email, sebuah feed.

Kelompok baris

Sebuh baris yang hanya membawa satu grup bukanlah sebuah baris: itu adalah garis antara dua rangkaian, diberikan sebuah kata. Itu membentang di seluruh tabel dan menamai apa yang mengikuti — pembacaan yang sama seperti pemisah menu.

Sel status

Sebuah status adalah sebuah lingkaran, tidak pernah sebuah warna yang dipilih seseorang: sel tersebut mengambil nama tipe, atau tipe dengan jumlah dan judul, dan menggambar ikon status seperti yang digambar oleh sisa sistem. Tidak ada yang perlu diatur dalam halaman.

Header lengket

Sebuah tabel panjang dibaca kolom per kolom sebanyak baris per baris. Dengan `sticky`, header tetap terlihat sementara baris menggulir di bawahnya; sebuah halaman dengan sesuatu yang dipasang di atasnya mengatakan seberapa jauh ke bawah dalam `--table-sticky-top`.

Sebuah tabel dalam zona miliknya sendiri

Sebuah zona `zone--table` diberikan sepenuhnya kepada tabel: apa yang menggerakkannya di atas, halamannya di kaki, keluar dari apa yang menggulir, dan di antara keduanya, dasar tabel hingga ke bagian bawah zona, bahkan untuk tiga baris. Tabel apa pun bisa dimasukkan, ditulis oleh server atau oleh vue. Dengan `natural`, seperti yang di sebelah kiri, tabel mempertahankan lebar kolomnya, tidak direntangkan atau dipersempit.

Tabel entitas Vue

Tabel Vue dengan pemilihan

Kontrak yang sama di klien: kunci yang dicentang kembali melalui v-model:selected, setiap tindakan dipancarkan sebagai bulk-action, dan satu dengan alamat diposting seperti tabel server mempostingnya. Ini tidak memiliki, jadi garis di bawah mengatakan apa yang seharusnya dilakukan. Tiga baris per halaman, total di akhir batang, dan Arsip semua membutuhkan tidak ada yang dicentang.

Paginasi tanpa total

Ketika API tidak mengembalikan total, pager kembali ke sebelumnya/selanjutnya.

Paginasi, digambar oleh server

`pagination(page, pages_count)` menggambar halaman dari daftar sebagai tautan: masing-masing mempertahankan rute dan kueri dari halaman yang sedang dibuka — pencarian, penyortiran — dan hanya mengubah `page`, dihitung dari 1. Angka yang ditampilkan adalah pager vue: yang pertama, yang terakhir, yang saat ini, dan tetangganya. `compact` mempertahankan sebelumnya dan berikutnya di sekitar nomor halaman; `route` dan `params` berpindah melalui alamat lain.

Formatter tanggal Vue