Matching two tables in HTML

Question

I have a table that is filled with data from a database. When you scroll down though the headings are lost.

In order to solve this problem I made a second table above the first tables that held the headings. The headings are taken from the database with the data.

The problem is that the content in the second table changes the sizes of the fields so the headings in the first table no longer line up properly.

Does anyone know how I can make the first table copy the second tables field sizes.

I am editing my predecessors code which is a .jsp file which I am told is a form of Java.

score 1 · Answer 1 · edited May 23 '17 at 10:33

1

This is not possible in pure HTML: You would have to use JavaScript to match the cell sizes.

However, there are better approaches to your problem. See this question for an overview:

HTML table with fixed headers?

here is a CSS only approach that looks nice.

edited May 23 '17 at 10:33

Community

1
1

answered Apr 13 '11 at 11:36

Pekka

442,112
142
972
1,088

score 0 · Accepted Answer · answered Apr 15 '11 at 08:27

0

I decided to make each of the columns a fixed width. not the best solution but since it is an in house application It will do.

answered Apr 15 '11 at 08:27

Skeith

2,512
5
35
57

Matching two tables in HTML

2 Answers2