Wadah & data · UiTable 87 dari 100

UiTable

Tabel data berkolom yang bisa digulir ke samping tanpa menyeret seluruh halaman.

Spesimen

Pesanan terakhir
NomorPembeliStatusTotal
NB-1042rida@…DibayarRp 149.000
NB-1041anis@…MenungguRp 19.000
NB-1040yusuf@…DibatalkanRp 79.000
bawaan

Pakai kalau

  • Tiap baris punya beberapa nilai yang perlu dibandingkan lurus ke bawah.
  • Ada kolom angka yang harus rata kanan supaya mudah dibandingkan.

Jangan pakai kalau

  • Tiap baris cuma punya satu nilai. UiList
  • Kamu memakainya untuk mengatur letak, bukan untuk memajang data. UiGrid

Kenapa begini

Yang menggulir ke samping adalah pembungkusnya, bukan halamannya. Halaman yang bisa digeser ke kanan karena satu tabel terlalu lebar adalah cara tercepat membuat seluruh tampilan terasa rusak di ponsel.

Berkasnya
src/features/projects/shared/ui/UiTable.astro
Pasal yang mengikat
belum terikat pasal mana pun