Error in table when adding runat=server

Question

I have a html table in my ASPX page and would like to use it in code-behind for some processing. The table is shown as below:

<table class="hovertable" id="tblData">
    <tr>
        <th>ID:</th>
        <td colspan="3" style="font-weight: bold">
            <%= Eval("ID") %>
        </td>
    </tr>
    <tr>
        <th>Date:</th>
        <td><%# Eval("Date", "{0:dd-MMM-yyyy}") %></td>
        <th>Amount:</th>
        <td><%# Eval("Amount", "{0:C}") %>
    </tr>
</table>

However, when I add the runat="server" attribute to my table, I am produced with the following error:

CS1502: The best overloaded method match for 'System.Web.UI.HtmlControls.HtmlTableRowCollection.Add(System.Web.UI.HtmlControls.HtmlTableRow)' has some invalid arguments

Any ideas what may be wrong here? Am I missing out anything?

Answer 1

OK guys, I have solved this issue by myself. The problem causing it was because of a <td> not having the corresponding <tr> element. It was something like below:

<table class="hovertable" id="tblData">
    <tr>
        <th>ID:</th>
        <td colspan="3" style="font-weight: bold">
            <%= Eval("ID") %>
        </td>
    </tr>
    <tr>
        <th>Date:</th>
        <td><%# Eval("Date", "{0:dd-MMM-yyyy}") %></td>
        <th>Amount:</th>
        <td><%# Eval("Amount", "{0:C}") %>
    </tr>
    <td colspan='4'>
       Some data....
    </td>
</table>

Answer 2

An html table (which is not a pure asp.net server control) can't contain asp.net server controls. Take a look at this answer:

http://forums.asp.net/t/1524580.aspx/1

In my opinion, you should ask yourself the following question?

Do i need to solve this client or server side?

if your answer is client, you should implement the update logic with Ajax, otherwise you could use the ASP.NET server control and implement it server side.

Answer 3

I think you can use this for the same purpose

<asp:Table ID="Table1" runat="server">
</asp:Table>

What you are trying to do is adding runat="server" attribute to a HTML control

Answer 4

Try adding <asp:Labels> where you need to manipulate data.

<table>
<tr><td><asp:Label id="lblRow" runat="server" /></td></tr>
</table>

Table columns and rows cannot be accessed via code behind if you have runat="server" in the tag because they are pure html.

Another way is to use a StringBuilder to create the html table in the code-behind and and asp:LiteralControl to output the table.

Answer 5

Also if we remove the tbody element it will not throw error for td mismatch Nikhil Mittal

Answer 6

Remove the below elements

<thead>
</thead>
<tbody>
</tbody>