Jadual
Mengatur maklumat ke dalam baris dan lajur untuk keterbacaan yang mudah. Ia menampung pelbagai jenis data, termasuk teks, nombor, kod, panggilan untuk tindakan dan pautan, membolehkan penyampaian dan perbandingan yang cekap.
- Header: Tajuk lajur yang menyediakan konteks jelas untuk data di bawahnya.
- Butang Kembangkan Lajur: Pada mulanya tersembunyi, butang ini muncul apabila pengguna melayangkan tetikus ke atas lajur. Klik untuk mengembangkan lajur secara mendatar, mendedahkan deskripsi lebih panjang untuk keterbacaan yang lebih baik.
- Tooltip: Ikon untuk menampilkan tooltip apabila dilayangkan tetikus, berguna untuk menjelaskan peranan setiap lajur dalam jadual.
- Butang Susun Lajur: Pada mulanya tersembunyi, butang ini muncul apabila melayangkan tetikus ke atas lajur. Klik untuk menukar antara susunan menaik dan menurun bagi memudahkan pengurusan data.
- Sel untuk Teks: Sel teks yang diselaraskan ke kiri secara lalai.
- Sel untuk Butang: Mengandungi butang tindakan yang diselaraskan ke kiri, membolehkan pengguna mengambil tindakan khusus bagi setiap baris.
- Sel untuk Status Pil: Menampilkan indikator status berwarna (pil) yang diselaraskan ke kiri, memberi rujukan visual pantas tentang status setiap baris.
- Skeleton Loader: Elemen pemuat animasi yang meniru susun atur kandungan semasa data dimuatkan, memberi isyarat visual bahawa kandungan sedang dalam perjalanan dan meningkatkan persepsi masa pemuatan.
Contoh Penggunaan
- Sel dengan teks diselaraskan tengah: Digunakan untuk keseimbangan visual, biasanya untuk tajuk atau maklumat utama untuk menarik perhatian.
- Sel dengan nombor diselaraskan kanan: Menyelaraskan data berangka ke kanan untuk perbandingan mudah dan memastikan titik perpuluhan selaras, meningkatkan keterbacaan maklumat kewangan atau statistik.
- Sel dengan julat baris: Menempati dua atau lebih baris secara menegak, menyatukan data yang berkaitan dan mengurangkan pengulangan. Sesuai untuk maklumat yang berkaitan dengan pelbagai baris, meningkatkan kejelasan jadual.
Kembangkan Lajur
Apabila dikembangkan, kekalkan header di bawah garisan dan tunjukkan butang kuncup (collapse).
Susun Lajur
Laluan asal, klik pertama menyusun lajur dalam susunan menurun. Klik seterusnya akan menyusun dalam susunan menaik.
Apabila disusun, kekalkan header di bawah garisan dan tunjukkan butang susun.