HTML,JAVASCRIPT: aligning data in tables

Hi all

i am trying display data from database in my jsp page using html table tag.
i have some 20 fields to display in each row. i do not want my table to expand to display all coloumns. i want its height and width to be fixed and i want to give scroll bars that allows user to see all the coloumns and all the rows. again when the user is scrolling down my header should stay unmoved only my data rows should move.

fot this i kept my header in one table and my data in another table and used div tags and some vb script code that provides scroll bars. all this is fine but i was just unable to adjust the table data in sync with the header table.

is there any another simple way to do this.

can any one give me a suggestion and if not any links that will some good info.....

thanks in advance

There are <thead>,<tbody>,<tfoot> tags which do exactly what you want. But they are not supported by all browsers

Just did some unsuccessful experiments with tbody and overflow: auto. Pity...

I did it at home before where i have Moz and IE it worked in one but not the other. When I get home from work I'll try again and post something.

Test Suite for UAAG

The Above link has an example, it renders fine in Moz but not IE, so it is in essence useless :(

Weird, that's nearly exactly what I did. Maybe it's the percentage heights in mine.