Reapeat Region Horizontally

Depending on how many items you want to display, and depending on the length of the table... (For this example, I am using 4 items, with a table width of 100%)

<div align = "center" spry:region="ds1">
<table width = 100%>
<tr>
<td width = 25% spry:repeat="ds1" spry:setrow="ds1"> {item}</td>
</tr>
</table>
</div>

Basically, you have the DIV which is the main region. Each <td> cell is repeated until the EOF from the ds1 datasource.

PS: I just found out how to do this today, after a lengthy time of troubleshooting. I finally gave up, started working on something else, and messed up some code. Didn't realize it before I uploaded the page to view, saw it, and was like.. huh? Looked at my code, and had a.. bang head on desk moment