Table with fixed header, scrolling body

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

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

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

• 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 🙂