Search This Blog

Friday, March 28, 2014

Create dynamic table runtime ASP.NET

ASP.NET > System.Web.UI.HtmlControls > HtmlTable 

HtmlTable allows programmatic access on the server to the HTML
element.


Example: Create dynamic table runtime ASP.NET

HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
        <asp:Panel ID="Panel1" runat="server">
        </asp:Panel>
   
    </div>
    </form>
</body>
</html>






Code:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;

namespace WebApplication2
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            HtmlTable dTable = new HtmlTable();
            dTable.Border = 1;
            int tRow; 
            int tCell; 
            for (tRow = 0; tRow < 10; tRow++) 
            { 
                HtmlTableRow dTRow = new HtmlTableRow(); 
                for (tCell = 0; tCell < 5; tCell++) 
                { 
                    HtmlTableCell dTCell = new HtmlTableCell(); 
                    dTCell.InnerText = "Row: " + Convert.ToString(tRow + 1) + " Col: " + Convert.ToString(tCell + 1); 
                    dTRow.Controls.Add(dTCell); 
                } 
                dTable.Controls.Add(dTRow); 
            } 
            Panel1.Controls.Add(dTable); 

        }
    }
}