Posted by coolsti on 09/05/05 14:30

How do I do this?

I am presenting tabular data via a web interface. The browsers are the
latest IE and Firefox. The number of columns of data is too large to fit
on the page, so horizontal scrolling will be needed.

I want to be able to hide blocks of rows of the table when the user
clicks on certain icons and I can do this using <div> tags and some
javascript. But to do this, it seems I need to have each <div> enclose an
entire table instead of only a collection of rows within a table.

Because of the above, the data I want to show is arranged in several
tables, and these tables are set up as rows in an outer table.

The problem I have is this: I am trying to specify the column widths so
that all the data is aligned in all the tables. But since I have
horizontal scrolling, the browser does not seem to use the pixel widths
that I am giving in <td> tags. So the columns from one table do not line
up with the columns of another.

Does anyone know how I can force the browser to accept the pixel widths in
this case? Alternatively, does anyone know how the data can be placed into
one big table, but so that I can "hide" blocks of rows?

Thanks for any help!

Steve, Denmark

[Back to original message]