Tables (Tablolar)
Veri tabloları ve liste görünümleri
Temel Tablo
Basit tablo yapısı
| İsim | E-posta | Rol | Durum |
|---|---|---|---|
| Ahmet Yılmaz | ahmet@example.com | Admin | Aktif |
| Zeynep Kaya | zeynep@example.com | Editör | Aktif |
| Mehmet Demir | mehmet@example.com | Kullanıcı | Pasif |
Şeritli Tablo
Alternatif satır renkleri
| ID | Ürün | Kategori | Fiyat | Stok |
|---|---|---|---|---|
| #001 | Laptop | Elektronik | ₺15,999 | 45 |
| #002 | Mouse | Elektronik | ₺299 | 150 |
| #003 | Klavye | Elektronik | ₺799 | 89 |
| #004 | Monitör | Elektronik | ₺3,499 | 23 |
Aksiyonlu Tablo
Düzenle ve sil butonları
| Müşteri | Telefon | Şehir | İşlemler |
|---|---|---|---|
|
AY
Ahmet Yılmaz ahmet@example.com |
+90 555 123 45 67 | İstanbul |
|
|
ZK
Zeynep Kaya zeynep@example.com |
+90 555 987 65 43 | Ankara |
|
Durum Badgeli Tablo
Renkli durum göstergeleri
| Sipariş No | Müşteri | Tutar | Tarih | Durum |
|---|---|---|---|---|
| #1234 | Ahmet Yılmaz | ₺1,250 | 06.12.2024 | Tamamlandı |
| #1235 | Zeynep Kaya | ₺850 | 06.12.2024 | Beklemede |
| #1236 | Mehmet Demir | ₺2,100 | 05.12.2024 | İşleniyor |
| #1237 | Ayşe Yıldız | ₺450 | 05.12.2024 | İptal Edildi |
Sıralanabilir Tablo
Başlıklara tıklayarak sıralama
|
İsim
|
Yaş
|
Şehir
|
Puan
|
|---|---|---|---|
| Ahmet Yılmaz | 28 | İstanbul | 95 |
| Zeynep Kaya | 32 | Ankara | 87 |
| Mehmet Demir | 25 | İzmir | 92 |
| Ayşe Yıldız | 30 | Bursa | 88 |
Arama ve Sayfalama
Filtreleme ve sayfa geçişi
| Ürün | SKU | Kategori | Fiyat | Stok |
|---|---|---|---|---|
| MacBook Pro | MBP-001 | Laptop | ₺45,999 | 12 |
| iPhone 15 Pro | IPH-015 | Telefon | ₺54,999 | 8 |
| AirPods Pro | APD-002 | Ses | ₺8,499 | 25 |
| iPad Air | IPA-004 | Tablet | ₺24,999 | 15 |
| Apple Watch | AWA-009 | Saat | ₺14,999 | 20 |
5 kayıttan 1-5 arası gösteriliyor
Responsive Tablo
Mobil uyumlu kart görünümü
| Ürün | Fiyat | Stok | Durum |
|---|---|---|---|
| Ürün 1 | ₺1,299 | 45 | Stokta |
| Ürün 2 | ₺2,599 | 12 | Az |
Ürün 1
Stokta
Fiyat:
₺1,299
Stok:
45
Ürün 2
Az
Fiyat:
₺2,599
Stok:
12