Dynamically/Programmatically Create Table in Asp.Net

Leave a Comment

The below code dynamically creates a table with five rows and four cells per row, sets colors and text, and shows all this on the web page.

In the Default.aspx design mode no control tags are declared. Table is generated programmatically.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // Create a new HtmlTable object.
        HtmlTable table1 = new HtmlTable();
        // Set the table's formatting-related properties.
        table1.Border = 1;
        table1.CellPadding = 3;
        table1.CellSpacing = 3;
        table1.BorderColor = "red";
        // Start adding content to the table.
        HtmlTableRow row;
        HtmlTableCell cell;
        for (int i = 1; i <= 5; i++)
        {
            // Create a new row and set its background color.
            row = new HtmlTableRow();
            row.BgColor = (i % 2 == 0 ? "White" : "Green");
            for (int j = 1; j <= 4; j++)
            {
                // Create a cell and set its text.
                cell = new HtmlTableCell();
                cell.InnerHtml = "Row: " + i.ToString() +
                  "<br>Cell: " + j.ToString();
                // Add the cell to the current row.
                row.Cells.Add(cell);
            }
            // Add the row to the table.
            table1.Rows.Add(row);
        }
        // Add the table to the page.
        this.Controls.Add(table1);
    }
}

Demo


0 comments:

Post a Comment