/Javascript/jQuery/Jquery table header agnostic of scroll

Jquery table header agnostic of scroll

.header-fixed {
    width: 100% 
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
    display: block;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed > tbody {
    overflow-y: auto;
    height: 150px;
}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
    width: 20%;
    float: left;
}

Source: stackoverflow.com

Similar codes

9 votes183 views3 answers
Animate jquery
Javascript jQuery
136 votes256 views3 answers
To int jquery
Javascript jQuery
39 votes224 views3 answers
Jquery value of input
Javascript jQuery
50 votes171 views4 answers
Jquery add class to body
Javascript jQuery
0 vote192 views1 answer
Alert on right click jquery
Javascript jQuery
0 vote200 views1 answer
Uncaught TypeError: jQuery.browser is undefined
Javascript jQuery
0 vote252 views1 answer
Jquery rotate
Javascript jQuery
4 votes199 views4 answers
Change background image with jquery
Javascript jQuery
0 vote212 views1 answer
Jquery to set value in select2 dropdown button
Javascript jQuery
0 vote178 views1 answer
Setattribute is not a function jquery
Javascript jQuery