/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

12 votes240 views2 answers
How to fetch the selected value of dropdown jquery
Javascript jQuery
6 votes216 views6 answers
Add option to select jquery
Javascript jQuery
1 vote230 views3 answers
Jquery load
Javascript jQuery
20 votes200 views3 answers
Jquery change picture source
Javascript jQuery
1 vote226 views1 answer
Jquery check if string contains specific word
Javascript jQuery
32 votes228 views5 answers
Jquery change value of input
Javascript jQuery
11 votes217 views5 answers
Import jquery into js file
Javascript jQuery
57 votes190 views2 answers
Use jquery
Javascript jQuery
0 vote193 views1 answer
Jquery target partial id
Javascript jQuery
3 votes225 views1 answer
Jquery version how
Javascript jQuery