Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

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;
}
Comment

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;
}
Comment

PREVIOUS NEXT
Code Example
Javascript :: run code in javascript 
Javascript :: regex javascript online 
Javascript :: Cypress failed to make a connection to the Chrome DevTools Protocol after retrying for 50 seconds. 
Javascript :: jade cdn 
Javascript :: react video srcobject 
Javascript :: create new project angular 
Javascript :: npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. 
Javascript :: bootstrap 4 open tab when opening modal 
Javascript :: make input bigger if text does not fit 
Javascript :: how to add react.memo in export list 
Javascript :: check if bot has permission discord.js 
Javascript :: get value from input by id in angular 
Javascript :: jquery check if all elements hidden 
Javascript :: pagination react 
Javascript :: clock picker jquery 
Javascript :: create div with js 
Javascript :: delay external javascript file load 
Javascript :: $[name] in jquery 
Javascript :: jquery elements which id doesnt contain string 
Javascript :: react onchange url 
Javascript :: string to svg react 
Javascript :: how to give args type in nestjs graphql for array of input 
Javascript :: map function with params 
Javascript :: angular material button color 
Javascript :: joining array of string 
Javascript :: trim text 
Javascript :: handle bar 
Javascript :: Real image width with JavaScript 
Javascript :: get all database react native 
Javascript :: javascript custom modal 
ADD CONTENT
Topic
Content
Source link
Name
2+5 =