Miten luoda: vastaanottava taulukko

Opit, miten luoda vastaanottavia taulukoita.

Vastaanottava taulukko

Jos näyttö on liian pieni näyttääkseen kaikki sisällön, vastaanottava taulukko näyttää horisontaalisen kelkun.

Muuta selaimen ikkunankokoa nähdäksesi vaikutuksen:

Etunimi Sukunimi Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet Pisteet
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

Luo vastaanottava taulukko lisäämällä <table> ulkopuolelle elementti, joka sisältää overflow-x:auto sivuston elementti:

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

Kokeile itse!

Huomioitavaa:SSA OS X Lion (Macissa)essa, kelkku on oletusarvon mukaan piilotettu ja näkyy vain käytettäessä (vaikka on asetettu "overflow:scroll" tai auto).

Liittyvät sivut

Oppitunnit:CSS-taulukko