Sub Row in DHTMLX Grid

I have created DHTMLX grid using HTML table. We are iterating on particular variable and dynamically display the rows, I need to create sub row of each row.
Below is the example structure which I am trying this but not working:

1 2 3 4 5 6

the second tr is always comming as we are iterating…Could you please help me on this?

Unfortunately the issue is not clear.
Please, procvide some screenshots describing the issue.

I want to achive the sub row as shown in the attached snapshot(sample.jpeg).
We are creating DHTMLX Grid using HTML table.

Please find the code below :


<link rel="STYLESHEET" type="text/css" href="<%=WebUtil.getMimeURL(pageContext, "/ecombase/jscript/dhtmlxgrid_pgn_bricks.css")%>">
<link rel="STYLESHEET" type="text/css" href="<%=WebUtil.getMimeURL(pageContext, "/ecombase/jscript/dhtmlxgrid.css")%>">
<link rel="stylesheet" type="text/css" href="<%=WebUtil.getMimeURL(pageContext, "/ecombase/jscript/dhtmlxgrid_dhx_skyblue.css")%>">
" > <% for(int i=0;i < 10;i++) { %>
some data here some data here with collapse able column for example below:



In addition to the above scenario when we are making any td as sub row and writing table in it it gives the table in sub_row also and in the main row also.
As per the attached snapshot (previous.jpg and After.jpg).
Previous.jpg will show the grid before adding any data to sub_row.

  <td type="sub_row">
						<input type="text" />
						<input type="text" />

Unfortunately it’s not available to init the grid with a sub-row from the html-table. You will have to generate your grid using script.