ASP.NET Kontrolleri - Table

ASP.NET Kontrollerinden Tablolar'dan bahsedecek olursak, HTML'de tabloların ASP kodları ile oluşturulmasıdır. Mantık HTML'de tablo oluşturma ile aynıdır.Stil verebiliriz.

TableRow : Satır
TableCell: Sütun
ColumnSpan: Sütun birleştirmeyi sağlar.
RowSpan: Satır birleştirmeyi sağlar. 


<%@ 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="Label4" runat="server" Text="2x4'lük Tablo"></asp:Label>
            <asp:Table ID="Table2" runat="server" >
                <asp:TableRow >
                    <asp:TableCell  BorderStyle="Solid" BorderWidth="3px">Sütun 0-0</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">Sütun 0-1</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">Sütun 0-2</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">Sütun 0-3</asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">Sütun 1-0</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">Sütun 1-1</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px" >Sütun 1-2</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">Sütun 1-3</asp:TableCell>
                </asp:TableRow>
            </asp:Table>
            <br />
            <asp:Label ID="Label5" runat="server" Text="ColumnSpan'li Tablo"></asp:Label>
            <asp:Table ID="Table3" runat="server" >
                <asp:TableRow >
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">A</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">A</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">A</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">A </asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableCell ColumnSpan="2" BorderStyle="Solid" BorderWidth="3px">B </asp:TableCell>
                    <asp:TableCell ColumnSpan="2" BorderStyle="Solid" BorderWidth="3px">B </asp:TableCell>                     
                </asp:TableRow>
            </asp:Table>
             <br />
            <asp:Label ID="Label6" runat="server" Text="RowSpan'li Tablo"></asp:Label>
            <asp:Table ID="Table4" runat="server" >
                <asp:TableRow >
                    <asp:TableCell RowSpan="2" BorderStyle="Solid" BorderWidth="3px">A</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">A</asp:TableCell>
                    <asp:TableCell BorderStyle="Solid" BorderWidth="3px">A</asp:TableCell>                    
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableCell ColumnSpan="2" BorderStyle="Solid" BorderWidth="3px">B</asp:TableCell>                       
                </asp:TableRow>
            </asp:Table>
        </div>
    </form>
</body>
</html>

Oluşturduğumuz tabloların görüntüsü aşağıdaki gibidir.

Yorumlar

Yorum Gönder