Как сделать таблицу прокручиваемой

Question

Кто-нибудь знает ванильный способ сделать тело таблицы прокручиваемым, используя только html и css?

Очевидное решение

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

не работает.

Не было ли это очевидным использованием таблиц?

Я делаю что-то неправильно?

Answer 1

Вам нужно сначала объявить высоту, иначе ваша таблица будет расширяться в соответствии с ее содержанием.

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

EDIT: после уточнения вашей проблемы я редактировал скрипку: ЗАКАНЧИВАТЬ this Example или that way. Это довольно хаки и не гарантированно работает на кроссбраузерах, но может работать на ваш случай.

Answer 2

Вы не можете сделать это со столом. Оберните стол с помощью div a, дайте ему что-то вроде:

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

Answer 3

Вы хотите что-то подобное?

Pure CSS Scrollable таблицы с фиксированным заголовком (1)

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

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