ASP.NET Table 表格控制項的使用方法_基礎應用

來源:互聯網
上載者:User

一個Table對象包含多個行TableRow,每一行又包含TableCell,TableCell中可以包含其他的HTML或者伺服器控制項作為Web伺服器控制項。

一、Table中的屬性

Table對象:

BackImageUrl 表格的背景映像的URL
Caption 表格標題
CaptionAlign 標題文本對齊
CellPadding Table儲存格內容和儲存格邊框之間的空間量(單位:像素)
CellSpacing 相鄰儲存格之間的空間量
Rows Table控制項中行的集合

TableRow對象:

HorizontalAlign 擷取或設定行內容的水平對齊
VerticalAlign 擷取或設定行內容的垂直對齊
Cells 擷取TableCell對象的集合,這些對象表示Table控制項中的行的儲存格

TableCell對象:

ColumnSpan 擷取或設定儲存格在Table跨越的列數
RowSpan 跨越的行數
Text 擷取或設定儲存格的文本

二、執行個體代碼

單擊按鈕產生表格的後台代碼:

複製代碼 代碼如下:

protected void Button1_Click(object sender, EventArgs e)
{
    int a =int.Parse( DropDownList1.SelectedValue);                                //用於取得行數
    int  b = int.Parse(DropDownList2.SelectedValue);                               //用於取的列數 ,int.Parse();和Convert.ToInt32作用相同,是將轉換為整型。
    Table1.BorderColor = System.Drawing.Color.DarkGoldenrod;                     
    Table1.BorderWidth = 2;                                                        //這兩句用於設定表格的屬性
    for (int i = 0; i < a; i++)
    {
        TableRow w = new TableRow();                                              //執行個體化行對象
        for (int j = 0; j < b; j++)
        {
            TableCell q = new TableCell();                                       //執行個體化儲存格對象
            q.BackColor = System.Drawing.Color.Blue;                             //設定儲存格的背景顏色屬性。
            Button r = new Button();                                            //執行個體化按鈕對象,用於向表格中添加。
            if (i == 2 && j == 2)                                               //向第三行、第三列中中添加按鈕
            {
                q.Controls.Add(r);                                              //儲存格中添加按鈕,添加其他控制項的方法相同
            }                                                                 
            q.BorderWidth = 2;
            w.Cells.Add(q);                                                      //將儲存格添加到行中。
        }
        Table1.Rows.Add(w);                                                     //將行添加到表格中
    }
}

運行效果截圖:

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.