ASP.NET - Dinamik Tablo Oluşturma

ASP.NET'te projemize sürüklediğimiz Table'ye dinamik olarak satır ve sütun ekleyebilir, tasarımını da yapabiliriz.
Örneğimizde HTML tarafında 2 adet Label,Textbox ve 1 adet Buton ekledik.Dinamik olarak içeriğini dolduracağımız Table kontrolünü de ekledik. Sürüklendikten sonra değeri design bölümünde ### şeklinde olur. HTML tarafında body blokları arasında oluşturduğumuz kodlar 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DinamikTablo.aspx.cs" Inherits="TabloOlusturmaASP.DinamikTablo" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Label ID="Label3" runat="server" Text="Dinamik Tablo Oluştur"></asp:Label>
            <br />
            <br />
            <asp:Label ID="Label1" runat="server" Text="Satır Giriniz: "></asp:Label>
            <asp:TextBox ID="txtSatir" runat="server"></asp:TextBox>
            <br />
            <br />
            <asp:Label ID="Label2" runat="server" Text="Sütün Giriniz: "></asp:Label>
            <asp:TextBox ID="txtSutun" runat="server"></asp:TextBox>
            <br />
            <br />
            <asp:Button ID="Button1" runat="server" Text="Tablo Oluştur" OnClick="Button1_Click" />
            <br />
            <br />
        </div>
        <asp:Table ID="Table1" runat="server">
        </asp:Table>
        
     </form>
   </body>
</html>
Butona tıklandığı zaman girdiğimiz satır ve sütuna göre tablomuz oluşacaktır. Tablo oluşturulurken iç içe iki adet döngü kullanılır; ilk döngü satır ikinci döngü ise sütunları oluşturacaktır. BorderStyle özelliğine Solid ve BorderWidth özelliğine ise 3px olarak tanımladık. 

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

        }
        protected void Button1_Click(object sender, EventArgs e)
        {
            int satir = Convert.ToInt32(txtSatir.Text);
            int sutun = Convert.ToInt32(txtSutun.Text);

            for (int i = 0; i < satir; i++)
            {
                TableRow tr = new TableRow(); //satır nesnesi oluşturuldu
                for (int j = 0; j < sutun; j++)
                {
                    TableCell td = new TableCell();//sütun nesnesi oluşturuldu
                    td.BorderWidth = Unit.Pixel(3);
                    td.BorderStyle = BorderStyle.Solid;
                    td.Text = "Sütun" + i + "-" + j;
                    tr.Cells.Add(td); //Sütunu satıra ekledik
                }
                Table1.Rows.Add(tr);//Satırı tabloya ekledik.
            }
        }
    }
Sonuç olarak tablomuz aşağıdaki gibi oluşturuldu.

Yorumlar

Yorum Gönder