Table
Tabel data dengan gulir horizontal mandiri.
Basis: Elemen <table> asli. Pembungkusnya memiliki overflow-x sendiri sehingga tabel lebar tidak pernah membuat seluruh halaman tergeser — hal yang akan merusak tangkapan layar penuh.
src/components/ui/table.tsxDasar
| Nomor | Pelapor | Wilayah | Tanggal | Status |
|---|---|---|---|---|
| #2451 | Sri WahyuniSri Wahyuni | Jawa Barat | 3 Sep 2026 | Menunggu |
| #2450 | Bagus PratamaBagus Pratama | DKI Jakarta | 2 Sep 2026 | Selesai |
| #2449 | Ayu KartikaAyu Kartika | Jawa Timur | 1 Sep 2026 | Diproses |
| #2448 | Muhammad RizkiMuhammad Rizki | Jawa Tengah | 29 Agu 2026 | Ditolak |
Kolom Angka
Gunakan tabular-nums dan rata kanan agar digit tersusun rapi antar baris.
| Kategori | Jumlah | Porsi |
|---|---|---|
| Diskriminasi kerja | 1.284 | 42,1% |
| Akses pendidikan | 873 | 28,6% |
| Layanan publik | 512 | 16,8% |
| Lainnya | 381 | 12,5% |
Props
| Prop | Tipe | Bawaan | Keterangan |
|---|---|---|---|
…props | HTMLAttributes<HTMLTableElement> | — | Atribut table bawaan. Pembungkus overflow ditambahkan otomatis. |
Sub-komponen: TableHead, TableBody, TableRow, TableHeaderCell, dan TableCell.