Html table fixed headers

Discussing Html . Code , Software , other

Moderators: egami, macek, gesf

Post Reply
congay2014
New php-forum User
New php-forum User
Posts: 7
Joined: Tue Sep 23, 2014 10:57 am
Contact:

Tue Sep 23, 2014 11:01 am

HI All

I have created a large html dynamic table using jquery .
Now my query is here , How to make a fixed html table header while scrolling .

can any one please hepl me how to solve ??

User avatar
WebOutGateway
New php-forum User
New php-forum User
Posts: 65
Joined: Mon Jun 13, 2011 9:25 pm
Location: Pasig City, Philippines
Contact:

Tue Sep 30, 2014 7:55 pm

Hi, congay2014!

You can do that by setting your table header <th> div (the container of your table header or title) positioned absolutely.

th div
{
position: absolute;
}

You can also check this:
http://jsfiddle.net/dPixie/byB9d/3/

I hope this helps. Thank you.

congay2014
New php-forum User
New php-forum User
Posts: 7
Joined: Tue Sep 23, 2014 10:57 am
Contact:

Wed Oct 22, 2014 8:49 am

Thank you WebOutGateway, I did it in thiet ke web chuan seo

congay2014
New php-forum User
New php-forum User
Posts: 7
Joined: Tue Sep 23, 2014 10:57 am
Contact:

Mon Jul 25, 2016 11:33 pm


Post Reply