/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 vote329 views3 answers
Jquery get first character of string
Javascript jQuery
27 votes313 views3 answers
Jquery if id exists
Javascript jQuery
19 votes299 views4 answers
Get element by name in jquery
Javascript jQuery
2 votes245 views2 answers
What is jquery
Javascript jQuery
1 vote245 views1 answer
Jquery is check
Javascript jQuery
0 vote296 views1 answer
Jquery insert after next element
Javascript jQuery
-1 vote306 views1 answer
Jquery equivalent of document.getelementbyid
Javascript jQuery
1 vote409 views1 answer
Jquery clear select 2
Javascript jQuery
26 votes261 views3 answers
Jquery submit form ajax
Javascript jQuery
0 vote283 views1 answer
Jquery post form async
Javascript jQuery