LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
8 Column content Column content Column content
9 Column content Column content Column content
CSS
.fixed-Head-wrapper{
  width:700px;
  height:250px;
  position: relative;
}
.cloned-head{
  position:absolute;
  display:table;
  left:0;
  width:100%;
  top:0; 
}
thead{
  background:#ccc;
  width:100%;
}
JS
tableCloneHead()
function tableCloneHead(){
  $('.fixed-Head-wrapper').each(function(){
     var table = $('.fixed-Head-wrapper').find('table');
      var tableHead = $('.fixed-Head-wrapper').find('thead').clone(); 
      if(!$(table).find('.cloned-head').length){       
        $('
').appendTo(table); } $('.fixed-Head-wrapper').scroll(function(){ var offset = $(this).scrollTop(); $(this).find('.cloned-head').css({ 'top': offset }); tableHead.appendTo('.cloned-head'); }); }) }
Term
Sat, 04/14/2018 - 20:48

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv