jQuery TH Float / Fixed THEAD Plugin - Demo

« Back to the Plugin 

$("#thead-float").thfloat({
  attachment : "#thead-outer",
  noprint : false
});

floating thead in scrolling div

Table A - Head #1 Head #2 Head #3
The quick brown fox jumped over the lazy dogs.
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut
aaa bbb ccc
ddd eee fff
ggg hhh iii
jjj kkk lll
mmm nnn ooo
ppp qqq rrr
sss ttt uuu
vvv www xxx
yyy zzz now i know
my abc's next time won't you sing with me?
Foot 1 Foot 2 Foot 3 




$("#styled").thfloat({
  attachment : "#styled-outer",
  noprint : false
});

stylized floating thead in scrolling div

ugly background and border styles added
Table A - Head #1 Head #2 Head #3
The quick brown fox jumped over the lazy dogs.
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut
aaa bbb ccc
ddd eee fff
ggg hhh iii
jjj kkk lll
mmm nnn ooo
ppp qqq rrr
sss ttt uuu
vvv www xxx
yyy zzz now i know
my abc's next time won't you sing with me?
Foot 1 Foot 2 Foot 3 




$("#tfoot-float").thfloat({
  side : "foot",
  attachment : "#tfoot-outer",
  noprint : false
});

floating tfoot in scrolling div

Table B - Head #1 Head #2 Head #3
The quick brown fox jumped over the lazy dogs.
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut
aaa bbb ccc
ddd eee fff
ggg hhh iii
jjj kkk lll
mmm nnn ooo
ppp qqq rrr
sss ttt uuu
vvv www xxx
yyy zzz now i know
my abc's next time won't you sing with me?
Foot 1 Foot 2 Foot 3 




// invoke thfloat() twice; once for "head" and once for "foot"; both attach to window
$("#window-float")
  .thfloat()
  .thfloat({
    side : "foot"
  });

both thead and tfoot fixed in browser window

and destroying them on-the-fly

Table A - Head #1 Head #2 Unfloat THEAD
The quick brown fox jumped over the lazy dogs.
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut
aaa bbb ccc
ddd eee fff
ggg hhh iii
jjj kkk lll
mmm nnn ooo
ppp qqq rrr
sss ttt uuu
vvv www xxx
yyy zzz now i know
my abc's next time won't you sing with me?
The quick brown fox jumped over the lazy dogs.
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut
aaa bbb ccc
ddd eee fff
ggg hhh iii
jjj kkk lll
mmm nnn ooo
ppp qqq rrr
sss ttt uuu
vvv www xxx
yyy zzz now i know
my abc's next time won't you sing with me?
Foot 1 Foot 2 Unfloat TFOOT