Select Page

Table with fixed header, scrolling body

Table with fixed header, scrolling body

all credits to Authors


table html scrolling rows body


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


 Using Iframe

body {
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;
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 🙂

About The Author

Cédric Walter

I worked with various Insurances companies across Switzerland on online applications handling billion premium volumes. I love to continuously spark my creativity in many different and challenging open-source projects fueled by my great passion for innovation and blockchain technology.In my technical role as a senior software engineer and Blockchain consultant, I help to define and implement innovative solutions in the scope of both blockchain and traditional products, solutions, and services. I can support the full spectrum of software development activities, starting from analyzing ideas and business cases and up to the production deployment of the solutions.I'm the Founder and CEO of Disruptr GmbH.