467,130 Members | 1,393 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,130 developers. It's quick & easy.

scrollable table

Hey guys,

I'm trying to make a scrollable table as follows:
table is inside a div that is scrollable, both horiz and vert
above that div is another div, containing the table headers.
As the user scrolls the main div horizontally, the headers should move accordingly.

http://www.ruimtemaker.nl/test/index.html

It does work as i wanted now, only thing is the alignment of the two table columns. The more columns, the more it's off...

Does anyone have any tips on how to get the two tables aligned in a better way?

Thanks,
Feb 3 '07 #1
  • viewed: 1343
Share:
2 Replies
well i guess you can use CSS to keep alignment of your tables same. define a class for a table and call the same class in both tables. so you can call your class in the DIV, something like this

<DIV class="your class name">
<table>
<tbody>
</tbody>
</table>
</DIV>
Feb 3 '07 #2
100+
Hey guys,

I'm trying to make a scrollable table as follows:
table is inside a div that is scrollable, both horiz and vert
above that div is another div, containing the table headers.
As the user scrolls the main div horizontally, the headers should move accordingly.

http://www.ruimtemaker.nl/test/index.html

It does work as i wanted now, only thing is the alignment of the two table columns. The more columns, the more it's off...

Does anyone have any tips on how to get the two tables aligned in a better way?

Thanks,
I had a similar query just a few days back and here is the response I got from this forum! It might be of some help to you!
Feb 3 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

25 posts views Thread by Michael Schuerig | last post: by
1 post views Thread by david.joyce@pstechnology.com | last post: by
2 posts views Thread by RJN | last post: by
3 posts views Thread by pmud | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.