ansaurus

Question

Answer 1

+1 A:

What you can do is set a width on each column based on how many columns you have. The best solution would have a percentage width, so the table width can change as the page width changes.

Scott M. 2009-04-23 20:40:51

Answer 2

A:

If you make multiple tables then I'm assuming that's going to make you have to scroll vertically down the page to see all the data.

Another solution may be to wrap the table in a div, set a width on the div, and set that div's overflow to scroll. This way the whole page won't scroll horizontally, but the div containing the table will have a scrollbar.

kbosak 2009-04-23 20:55:59

Answer 3

+2 A:

Using table { display: inline; } combined with one table per column should solve your problem. Run this and load the output in a web browser. When you resize the window the columns that won't fit drop down. You might want to use a class with the tables if you don't want all tables affected.

#!/usr/bin/perl

use strict;
use warnings;

print "<html><head><style>table { display: inline }</style></head><body>";
for my $col (1 .. 100) {
    print "<table><tr><th>$col</th></tr>";
    for my $row (1 .. 10) {
     print "<tr><td>$row</td></tr>";
    }
    print "</table>";
}
print "</body></html>";

Chas. Owens 2009-04-23 21:38:38

Thanks! I tried it out and found this works pretty well. I have one additional question. Is there a way I can have all the tables in any given row to take up the entire width (of the browser or a div)? Right now, if I have multiple rows of tables, the right side will be all staggered, depending on the widths of the individual tables in that row. It's not that big a deal, but it'd be nice to have the rightmost table in each row all aligned vertically.

accelerate 2009-04-24 00:12:45

There is no way to know in advance which rows will be on the end, so there is no way to get them to line up.

Chas. Owens 2009-04-24 03:08:36

ansaurus

tags:

views:

answers:

Wrapping tabular data in HTML

related questions