вы можете попробовать этот
CSS:
#table-wrapper {
height:150px;
overflow:auto;
margin-top:20px;
}
#table-wrapper table {
width:100%;
color:#000;
}
#table-wrapper table thead th .text {
position:fixed;
top:0px;
height:20px;
width:35%;
border:1px solid red;
}
HTML:
album
song
genre
album 0 song0 genre0
album 1 song 1 genre1
album2 song 2 genre2
album3 song 3 genre3
album4 song 4 genre 4
album5 song 5 genre 5
album 6 song6 genre6
album 7 song7 genre7
album8 song8 genre 8
album9 song9 genre9
album10 song 10 genre10
album11 song 11 genre11
album12 song12 genre12
album 13 song13 genre13
album14 song14 genre14
album15 song15 genre15
album 16 song16 genre16
album 17 song17 genre17
album18 song18 genre18
album19 song19 genre19
album20 song20 genre20
Проверьте эту скрипту: http: // jsfiddle .net / Kritika / GLKxB / 1 /
, это сохранит table
head fixed
и scroll
только table content
.