Question

I am using <tbody> tag to group some cells in a table so that I can manipulate them using ajax. Here is the code below:

<tr>
<tbody id="<%=author.AUT_ID%>">
<td><%= author.AUT_FNAME %></td>
<td><%= author.AUT_SURNAME %></td>
</tbody>
<td>more data </td>
<td>more data </td>
<tr>

The problem with the above is that the <tbody> tag breaks the row into two such that the cells below are displayed in one row and the rest of the cells in another row.

<td><%= author.AUT_FNAME %></td> 
<td><%= author.AUT_SURNAME %></td>

How can I group some cells indie a row and give that group an id so that I can manipulate it using ajax?

Thanks a lot for your help 🙂

Answer 1

TBODY must be a direct child of TABLE, you can’t use inside a row:

https://developer.mozilla.org/en-US/docs/HTML/Element/tbody