I need to format it in a way that show the four headers on the top and all the fields under them. but it creates extra tds and trs.
<form name="edit" method="POST" action="edit">
<table border="4">
<thead><tr>
<td>Field1</td><td>Field2</td><td>Field3</td<td>Field4</td>
</tr>
</thead>
<tbody>
<s:iterator value="basket.items" var="item" status="element">
<tr>
<td> <s:textfield type="hidden" id="item[%{#element.index}].id"
name="item[%{#element.index}].id" value="%{id/></td>
<td> <s:textfield id="item[%{#element.index}].product.price"
name="item[%{#element.index}].product.price" value="%{product.price}" /></td>
<td> <s:label value="%{product.name}"/></td>
<td> <s:label value="%{time}"/> </td>
<td> <s:label value="%{date}"/> </td>
<td> <s:textfield name="item[%{#element.index}].product.price2"
id="item[{#element.index}].product.price2" value="%{product.price2}"/></td>
</tr>
</s:iterator>
</tbody>
</table>
<input id="edit" type="submit" name="action" value="Edit"/>
</form>
HTML
<form name="edit" method="POST" action="edit">
<table border="4">
<thead><tr>
<td>Field1</td><td>Field2</td><td>Field3</td<td>Field4</td>
</tr>
</thead>
<tbody>
<tr>
<td> <tr>
<td class="tdLabel"></td>
<td><input type="hidden" name="item[0].id" value="16"
id="item[0].id"/></td>
</tr>
</td>
<td><tr>
<td class="tdLabel"></td>
<td><input type="text" name="item[0].product.price"
value="55"
id="item[0].product.price"/></td>
</tr>
</td>
<td><tr>
<td class="tdLabel"></td>
<td><label id="">Product1</label></td>
</tr></td>
<td><tr>
<td class="tdLabel"></td>
<td><label id="">9:31:03 AM</label></td>
</tr>
</td>
<td><tr>
<td class="tdLabel"></td>
<td><label id="">2013</label></td></tr>
</td>
<td><tr>
<td class="tdLabel"></td>
<td><input type="text" name="item[0].unit.price2"
value="1000.0"
id="item[0].unit.price2"/>
</td>
</tr>
</td>
</tr>
</tbody>
</table>