bunk58 recommends a very good idea, one that I agree with. There is a slightly different way that should work too. Just use your &tpl as a div and float everything left. It will fill up the space automatically. If you can, define a width and height, that way it will have the feel of the table without all the messy code. For example:
&tpl would be this:
<div class="product_box">[*productInfo*]</div>
Make sure you have a container div:
<div id="product_container">DITTO CALL HERE</div>
And you’ll need the css to make it work:
#product_container {
background: #fff;
width: 600px;
}
.product_box {
float: left;
height: 100px;
width: 200px;
}
This way when three products get returned by the ditto call it’ll fill up a row and it’ll keep filling up that way until there are no more products. You’ll obviously have to mess with the CSS, but it should work.