How to add this html using c#

Question

I have a table in html,

<div id="top-body" class="p-body" style="height:800px; overflow:auto; display:block !important;">
    <table id="o-Table" class="myTable"></table>
</div>

Now I want to add this rows to it, but in page_load method, please guide,

  $("#o-Table").append(
            "<tr class='myRow'>" +
            "   <div class='myRow'>" +
            "       <td class='myCell'  onclick='DoSomething(\"" + someString + "\")'>" +
            "           <div class='myCell2'>" + someString2 + "</div>" +
            "       </td>" +
            "   </div>" +
            "</tr>");

Answer 1

You can create HTML elements in your code behind by using HtmlDocument.CreateElement, and then append it to your table with table.AppendChild. More info can be found here

Example:

HtmlElement row = doc.CreateElement("TR");
table.AppendChild(row);

Another option is to use a gridview or listview.

Answer 2

When you tag HTML and C# , I'm gonna guess it's ASP.NET :

Add <%= tableCode %> inside the table to make room for a variable:

<div id="top-body" class="p-body" style="height:800px; overflow:auto; display:block !important;">
    <table id="o-Table" class="myTable">  <%= tableCode %>  </table>
</div>

Have a global variable declared in C# (global meaning outside any method):

public string tableCode;

and on page_load :

tableCode = "<tr class='myRow'>" +
            "   <div class='myRow'>" +
            "       <td class='myCell'  onclick='DoSomething(\"" + someString + "\")'>" +
            "           <div class='myCell2'>" + someString2 + "</div>" +
            "       </td>" +
            "   </div>" +
            "</tr>";

If it's not about ASP.NET please correct me, hope it helps ;)