/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

1 vote167 views2 answers
Select a label from jquery using for attribute
Javascript jQuery
3 votes174 views4 answers
Clock picker jquery
Javascript jQuery
0 vote180 views2 answers
Use two div id in jquery
Javascript jQuery
0 vote207 views1 answer
Jquery list all event listeners
Javascript jQuery
0 vote205 views1 answer
Add on click to div using jquery
Javascript jQuery
0 vote184 views1 answer
Textbox text change jquery
Javascript jQuery
15 votes181 views3 answers
Jquery DevTools failed to load source map: Could not load content for
Javascript jQuery
1 vote166 views1 answer
Jquery bind click
Javascript jQuery
3 votes179 views1 answer
Check if variable is undefined or null jquery
Javascript jQuery
0 vote180 views1 answer
Jquery detect shift tab
Javascript jQuery