Snake wrote:
>
> ------------+---------------------------
> - table 1 + table 2 -
> ----------------------------------------
> - table 3 + table 4 -
> - + -
> - + -
> - + -
> ----------------------------------------
> Now the problem is, even before getting into the Javascript, I can't get the
> columns to line up between the headers (table2) and the data (table4)
> because they are in different tables, and table cells just make up their
> own mind what width they are going to me, regardless of what widths I set.
Use something like:
<style type="text/css">
col {
width: 123px;
}
</style>
<table>
<col><col><col><col>
<tr>
<th>
<th>
<th>
<th>
</tr>
</table>
<table>
<col><col><col><col>
<tr>
<td>
<td>
<td>
<td>
</tr>
<tr>
etc.
</table>
> Anyone ever found a solution to this?
It is supposed to work something like this:
<style type="text/css">
tbody {
height: 12em;
overflow: scroll;
padding: 20px;
}
col {
width: 300px;
padding: 20px;
}
colgroup {
width: 400px;
overflow: scroll;
}
</style>
<table>
<colgroup>
<col>
</colgroup>
<colgroup>
<col>
<col>
</colgroup>
<thead>
<tr>
<th>h</th>
<th>h</th>
<th>h</th>
</tr>
</thead>
<tfoot>
<tr>
<th>f</th>
<th>f</th>
<th>f</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
<td>5</td>
</tr>
</tbody>
</table>
Unfortunately browsers aren't quite there yet. Mozilla does the
vertical scrolling correctly (though ugly because of the
horizontal scroll bar), but ignores the horizontal scrolling. IE
ignores everything (but with the current Beta of IE7 now is the
time to email [EMAIL PROTECTED]).
Jochem
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:232236
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
