Multiple XML Data-Bound Tables

[theedman]

Hello,

I'm coding a page that will have three XML data-bound tables. The tables should be stacked on top of each other with all records in all tables showing. The tables are all loading correctly, but they are built side-by-side, making the page VERY wide! Any suggestions? Thanks in advance!

 

[dkdude]

Hi,

Try to post the (relevant part of) the code.


Jakob

 

[theedman]

Below is a some of the code. Right now these tables are showing up side-by-side.

===========================================================

<table datasrc = "#xmlSect1" cellpadding = "0" cellspacing = "0" align = "left" width = "99%">
<thead>
<tr bgcolor = "#cccccc">
<th class = "underline">&nbsp;</th>
<th class = "underline" style = "width: 153px">Account</th>
<th class = "underline" style = "width: 65px">Account Number</th>
<th class = "underline" style = "width: 15px">T</th>
<th class = "underline" style = "width: 18px">A/I</th>
<th class = "underline" style = "width: 30px">Rep</th>
<th class = "underline" style = "width: 18px">P</th>
<th class = "underline" style = "width: 53px">Date Last Call</th>
<th class = "underline" style = "width: 63px">Period Revenue</th>
<th class = "underline" style = "width: 63px">Annual Revenue</th>
<th class = "underline" style = "width: 35px">Prob</th>
<th class = "underline" style = "width: 33px">Close Period</th>
<th class = "underline" style = "width: 88px">Product/Class</th>
<th class = "underline" style = "width: 263px">Status</th>
<th class = "underline" style = "width: 263px">Next Step</th>
<th class = "underline" style = "width: 53px">Date Next Step</th>
<th class = "underline">&nbsp;</th>
</tr>
</thead>
<tbody class = "normtext">
<tr>
<td><input type = "checkbox" span datafld = "a9"></SPAN></td>
<td style = "text-align: left"><span datafld = "b3"></SPAN></td>
<td style = "text-align: left"><span datafld = "b6"></SPAN></td>
<td style = "text-align: center"><span datafld = "b9"></SPAN></td>
<td style = "text-align: center"><span datafld = "c3"></SPAN></td>
<td style = "text-align: left"><span datafld = "c6"></SPAN></td>
<td style = "text-align: center"><span datafld = "d3"></SPAN></td>
<td style = "text-align: center"><span datafld = "d6"></SPAN></td>
<td style = "text-align: right"><span datafld = "d9"></SPAN></td>
<td style = "text-align: right"><span datafld = "e3"></SPAN></td>
<td style = "text-align: center"><span datafld = "e6"></SPAN></td>
<td style = "text-align: center"><span datafld = "e9"></SPAN></td>
<td style = "text-align: left"><span datafld = "f6"></SPAN></td>
<td style = "text-align: left"><span datafld = "f9"></SPAN></td>
<td style = "text-align: left"><span datafld = "g3"></SPAN></td>
<td style = "text-align: center"><span datafld = "g6"></SPAN></td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

<table datasrc = "#xmlSect2" cellpadding = "0" cellspacing = "0" align = "left" width = "99%">
<thead>
<tr bgcolor = "#cccccc">
<th class = "underline">&nbsp;</th>
<th style = "width: 153px" class = "underline">Account</th>
<th style = "width: 65px" class = "underline">Account Number</th>
<th style = "width: 15px" class = "underline">T</th>
<th style = "width: 18px" class = "underline">A/I</th>
<th style = "width: 30px" class = "underline">Rep</th>
<th style = "width: 18px" class = "underline">P</th>
<th style = "width: 53px" class = "underline">Date Last Call</th>
<th style = "width: 63px" class = "underline">Period Revenue</th>
<th style = "width: 63px" class = "underline">Annual Revenue</th>
<th style = "width: 35px" class = "underline">Prob</th>
<th style = "width: 33px" class = "underline">Close Period</th>
<th style = "width: 88px" class = "underline">Product/Class</th>
<th style = "width: 263px" class = "underline">Status</th>
<th style = "width: 263px" class = "underline">Next Step</th>
<th style = "width: 53px" class = "underline">Date Next Step</th>
<th class = "underline">&nbsp;</th>
</tr>
</thead>
<tbody class = "normtext">
<tr>
<td><input type = "checkbox" span datafld = "a9"></SPAN></td>
<td style = "text-align: left"><span datafld = "b3"></SPAN></td>
<td style = "text-align: left"><span datafld = "b6"></SPAN></td>
<td style = "text-align: center"><span datafld = "b9"></SPAN></td>
<td style = "text-align: center"><span datafld = "c3"></SPAN></td>
<td style = "text-align: left"><span datafld = "c6"></SPAN></td>
<td style = "text-align: center"><span datafld = "d3"></SPAN></td>
<td style = "text-align: center"><span datafld = "d6"></SPAN></td>
<td style = "text-align: right"><span datafld = "d9"></SPAN></td>
<td style = "text-align: right"><span datafld = "e3"></SPAN></td>
<td style = "text-align: center"><span datafld = "e6"></SPAN></td>
<td style = "text-align: center"><span datafld = "e9"></SPAN></td>
<td style = "text-align: left"><span datafld = "f6"></SPAN></td>
<td style = "text-align: left"><span datafld = "f9"></SPAN></td>
<td style = "text-align: left"><span datafld = "g3"></SPAN></td>
<td style = "text-align: center"><span datafld = "g6"></SPAN></td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

 

[theedman]

I messed around with this problem over the weekend and came up with the following:

<script type = "text/javascript">

{
var acct_cnt = 0;
var stop_cnt = xmlSect2.recordset.RecordCount / 2;

for (acct_cnt = 0; acct_cnt <= stop_cnt + 1; acct_cnt++)
{
document.write('<p>&nbsp;</p>');
}
}

</script>

I put this chunk of code between all the XML data-bound tables and so far it seems to be working fine.