Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium


HTML Table: Fixed column ahd row header

Posted on 2007-10-03
Medium Priority
Last Modified: 2009-09-03
In a table there are column header and row headers.   The first row displayed in the table should be fixed that is when you scroll the table vertically the top row remains at the top.   The first column also needs to be fixed; that is, when you scroll horizontaly the first column remains at the far left potiion.  Currently I use a CSS file to position these column and rows at the far left and top of the table.   The problem with this method is that select object overlay the heders and certain configurations cause extreme CPU resourses.

I would like to develop a technique that uses 3 tables.  A table at the top of the main table and table at the far left of the main table.  Then when the vertical scrolling occurs both the main table and the left table will scroll in sync.  Simulary the same would happen for the horizontal scrolling.  These tables must be on the form within a DIV objects and use the DIV object scoll bars.
Question by:intellias_net
  • 2
LVL 28

Accepted Solution

gamebits earned 2000 total points
ID: 20010802

Author Comment

ID: 20011299
ithis inluces a js file and css, do you have address for thoes too?
LVL 28

Expert Comment

ID: 20012968
You can download the source code here


Expert Comment

ID: 25253476
I'm a newbie so don't know if this is the right way of raising this but the source code download link....


....  doesn't appear to be correct any longer. Is there a current download link?


Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

564 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question