I'm trying to insert a header in every 10 lines while iterating and display data from a list of objects. I thought of using a temp javascript variable as a counter during iteration and insert a header when necessary but it did not work.  My VF is below:

--------------

<script>

var counter =0; 

</script> 

 <table>

  <tr align="left">

<apex:repeat value="{!headers}" var="h">

<td colspan="1">{!h}</td>

</apex:repeat>

</tr>

<apex:repeat value="{!list_orders}" var="tlist">

<tr>

<td><apex:outputText value="{!tlist.productname}" /></td>

<td><apex:outputText value="{!tlist.productdesc}" /></td>

<td colspan="1"><apex:inputText size="3" value="{!tlist.Qty_M1}" /></td>

<td colspan="1"><apex:inputText size="3" value="{!tlist.Qty_M2}" /></td>

<td colspan="1"><apex:inputText size="3" value="{!tlist.Qty_M3}" /></td> 

</tr>

<script>

counter++;

if(counter % 10 ==0){ 

</script>

   <tr align="left">

<apex:repeat value="{!headers}" var="h">

<td colspan="1">{!h}</td>

</apex:repeat>

</tr>

  }

</script> 

</apex:repeat>

</table> 

-------------- 

Basically, headers is just a collection of string:

"Product    Product Desc    Quantity_Month1    Quantity_Month2    Quantity_Month3"

and list_orders is a list of a custom object (Orders) that I built from an apex controller and it returns right values.  In IE, when I running this VF page, it notifies an error on the close bracket on the script section, but could not figure out why.

anybody came across something like this and had a solution as if I'm not sure my above solution would work? 

thanks ,

go_bear_2001