Nasıl oluşturulur: Yanıt verici tablo
- Önceki Sayfa Birleştirilmiş Tablo
- Sonraki Sayfa Karşılaştırma Tablosu
Yanıt verici tablo oluşturma nasıl yapılır öğrenin.
Yanıt verici tablo
Eğer ekran çok küçükse, tüm içerik görüntülenemiyorsa, yanıt verici tablo dikey kaydırma çubuğu görüntülenir.
Tarayıcı penceresini büyütmek için ayarlayın:
İsim | Soyadı | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar | Puanlar |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Jill | Smith | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
Eve | Jackson | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
Bir yanıt verici tablo oluşturmak için, <table> dışına bir içeren ekleyin overflow-x:auto
deki konteyner element:
<div style="overflow-x:auto;"> <table> ... </table> </div>
Dikkat:OS X Lion (Mac üzerinde) de, kaydırma çubuğu varsayılan olarak gizlidir ve sadece kullanıldığında görüntülenir ("overflow:scroll" veya auto olarak ayarlanmış olsa bile).
İlgili Sayfalar
Eğitim:CSS Tablosu
- Önceki Sayfa Birleştirilmiş Tablo
- Sonraki Sayfa Karşılaştırma Tablosu