Table with fixed header, scrolling body

Tuesday, 31 August 2004 22:54

all credits to Authors

keywords

table html scrolling rows body

Purpose

If you want to create a table with a fixed header row and a scrolling body.

Links:

http://www.htmlcodetutorial.com/tables/ all about tables
http://www.w3.org/TR/REC-html40/struct/tables.html Examples of advanced layouts in HTML tables
http://www.htmlhelp.com/reference/html40/tables/table.html by web design group
http://www.blooberry.com/indexdot/html/tagpages/tables.htm = Index DOT Html by Brian Wilson =
http://www.w3schools.com/css/pr_pos_overflow.asp overflow

Using Iframe

http://www.htmlcodetutorial.com/frames/_IFRAME.html
Changing color of slider (using css)

body {
background-color:#777777;
scrollbar-arrow-color: #9f632b;
scrollbar-base-color: #555555;
scrollbar-darkshadow-color: #555555;
scrollbar-track-color: #777777;
scrollbar-face-color: #555555;
scrollbar-shadow-color: #aaaaaa;
scrollbar-highlight-color: #666666;
scrollbar-3dlight-color: #666666;
}

W3C compliant but as usual not working in IE ;-) NS4 VIEW HERE
Fixed table head - scrollable table body IE NS4 VIEW HERE
M$ way as in windows update IE only VIEW HERE
Using overflow-y in table IE NS4 VIEW HERE
Showing or Hiding row in a table (Javascript) IE NS4 VIEW HERE
Showing or hiding a bloc of data IE NS4
Using css to change position of a second table (one table is the header the other is the content)
Using css and fixed columns width to create 2 table, one fixed, and one using overflow-y VIEW HERE
Others: contact me to submit your code here to help other web developer :-)