Πώς να δημιουργήσετε: Ανταποκρινόμενοι πίνακες

Μάθετε πώς να δημιουργήσετε ανταποκρινόμενους πίνακες.

Ανταποκρινόμενος πίνακας

Αν ο екran είναι πολύ μικρός για να εμφανίσει το πλήρες περιεχόμενο, ο ανταποκρινόμενος πίνακας θα εμφανίσει γραμμή κύλισης.

Προσαρμόστε το μέγεθος του παραθύρου του προγράμματος περιήγησης για να δείτε τα αποτελέσματα:

Όνομα Επώνυμο Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι Πόντοι
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

Για να δημιουργήσετε ένα ανταποκρινόμενο πίνακα, προσθέστε ένα περιεχόμενο overflow-x:auto στον στοιχεία του κουτί:

<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div>

Δοκιμάστε το προσωπικά

Σημείωση:Στην OS X Lion (Mac), η γραμμή κύλισης είναι προεπιλεγμένη ως κρυφή, εμφανίζεται μόνο όταν χρησιμοποιείται (ακόμα και αν έχει οριστεί "overflow:scroll" ή auto).

Related pages

Tutorial:CSS table