jquery table header agnostic of scroll

1.header-fixed {
2    width: 100% 
3}
4
5.header-fixed > thead,
6.header-fixed > tbody,
7.header-fixed > thead > tr,
8.header-fixed > tbody > tr,
9.header-fixed > thead > tr > th,
10.header-fixed > tbody > tr > td {
11    display: block;
12}
13
14.header-fixed > tbody > tr:after,
15.header-fixed > thead > tr:after {
16    content: ' ';
17    display: block;
18    visibility: hidden;
19    clear: both;
20}
21
22.header-fixed > tbody {
23    overflow-y: auto;
24    height: 150px;
25}
26
27.header-fixed > tbody > tr > td,
28.header-fixed > thead > tr > th {
29    width: 20%;
30    float: left;
31}
32