Nasıl Yapılır - Duyarlı Tablolar
Duyarlı bir tablonun nasıl oluşturulacağını öğrenin.
Duyarlı Tablolar
Ekran tam içeriği görüntüleyemeyecek kadar küçükse, duyarlı bir tablo yatay bir kaydırma çubuğu görüntüler. Efekti görmek için tarayıcı penceresini yeniden boyutlandırın:
İlk adı | Soyadı | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan | Puan |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Jill | Smith | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
Havva | Jackson | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
Adem | Johnson | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
Duyarlı bir tablo oluşturmak overflow-x:auto
için <table> çevresinde bir kapsayıcı öğesi ekleyin:
Örnek
<div style="overflow-x:auto;">
<table>
...
</table>
</div>
Not: OS X Lion'da (Mac'te), kaydırma çubukları varsayılan olarak gizlenir ve yalnızca kullanıldığında gösterilir ("taşma: kaydırma" veya otomatik ayarlanmış olsa bile).
İpucu: Tablolara nasıl stil uygulanacağı hakkında daha fazla bilgi edinmek için CSS Tabloları Eğitimimize gidin .