Friday, 26 October 2012

create dynamic Table with row and columns

 




<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DynamicTable.aspx.cs" Inherits="DynamicTable" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
     <div>
        <h2 style="color:Green">Table: Programmatically add Cell and Column</h2>
        <asp:Label
             ID="Label1"
             runat="server"
             Font-Bold="true"
             ForeColor="HotPink"
             Text="Rows"
             >
        </asp:Label>
        <asp:TextBox
             ID="TextBox1"
             runat="server"
             BackColor="HotPink"
             ForeColor="FloralWhite"
             >
        </asp:TextBox>
        <br />
        <asp:Label
             ID="Label2"
             runat="server"
             Font-Bold="true"
             ForeColor="HotPink"
             Text="Columns"
             >
        </asp:Label>
        <asp:TextBox
             ID="TextBox2"
             runat="server"
             BackColor="HotPink"
             ForeColor="FloralWhite"
             >
        </asp:TextBox>
        <br /><br />
        <asp:Button
             ID="Button1"
             runat="server"
             Font-Bold="true"
             ForeColor="HotPink"
             OnClick="Button1_Click"
             Text="Create Table"
             />
        <br /><br />
        <asp:Table
             ID="Table1"
             runat="server"
             BorderWidth="1"
             BorderColor="DodgerBlue"
             >
        </asp:Table>
    </div>
    </form>
</body>
</html>

Table: Programmatically add Cell and Column

 

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class DynamicTable : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        int rows = Int32.Parse(TextBox1.Text);
        int columns = Int32.Parse(TextBox2.Text);
        for (int row = 0; row < rows; row++)
        {
            TableRow newRow = new TableRow();
            Table1.Controls.Add(newRow);
            for (int column = 0; column < columns; column++)
            {
                TableCell newCell = new TableCell();
                newCell.Text = "Cell" + row.ToString();
                newCell.Text += "; Column" + column.ToString();
                newCell.BorderStyle = BorderStyle.Solid;
                newCell.BorderWidth = Unit.Pixel(1);
                newCell.BorderColor = System.Drawing.Color.DodgerBlue;
                newRow.Controls.Add(newCell);
            }
        }
    }
}
------------------------------