Come faccio a far scorrere un tavolo

Question

Qualcuno sa un modo vaniglia di far scorrere il corpo di un tavolo usando solo html e css?

La soluzione più ovvia

tbody { 
    height: 200px; 
    overflow-y: scroll; 
} 

non funziona.

Non sarebbe questo l'uso ovvio delle tabelle?

sto facendo qualcosa di sbagliato?

Answer 1

È necessario dichiarare prima un'altezza, altrimenti la tabella si espanderà in base al suo contenuto.

table{ 
    overflow-y:scroll; 
    height:100px; 
    display:block; 
} 

EDIT: dopo aver chiarito il problema ho modificato il violino: check out this Example o that way. È piuttosto hacky e non è garantito per funzionare crossbrowser ma potrebbe funzionare per il tuo caso.

Answer 2

Non è possibile farlo con un tavolo. Avvolgi il tavolo con un div a dagli qualcosa:

div.wrapper { 
    overflow:hidden; 
    overflow-y: scroll; 
    height: 100px; // change this to desired height 
} 

Answer 3

Vuoi qualcosa del genere?

Pure CSS scorrevole Tavolo con fisso Header (1)

http://anaturb.net/csstips/sheader.htm

http://www.scientificpsychic.com/blogentries/html-and-css-scrolling-table-with-fixed-heading.html