Ngôn ngữ ASP.NET - HtmlTable

Điều khiển HtmlTable

HtmlTable control được sử dụng để điều khiển thẻ <table>. Trong HTML thẻ table được sử dụng để tạo 1 table.
Các thuộc tính

Thuộc tính Mô tả
Align Xác định cách sắp xếp của table
Attributes Trả về tất cả tên thuộc tính và giá trị tương ứng của thuộc thẻ
BGColor Xác định màu nền của table
Border Xác định độ dày của viển
BorderColor Xác định màu của border
CellPadding Xác định khoảng cách giữa viên của ô và nội dụng bên trong
CellSpacing Xác định khoảng cách giữa các ô
Disabled Giá trị boolean xác định control có bị disabled hay không. Mặc định là false
Id Id duy nhất của control
innerHtml Điền vào hay trả về nội dung giữa thẻ đóng và thẻ mở. những kí tự đặc biệt
thì không tự động chuyển thành các entities
innerText Điền vào hay trả về nội dung giữa thẻ đóng và thẻ mở. Những kí tự đặc biệt
tự động chuyển thành các entities
Rows Trả về đối tượng HtmlRowCollection thể hiển tất cả các dòng trong table
Style Xác định hay trả về thuộc tính CSS được áp dụng cho control
TagName Trả về tên của thẻ
Visible Giá trị boolean xác định control sẽ được hiển thị hay không.
Width Xác định chiều rộng của table


Ví dụ: Tạo trang web HtmlTable.aspx

Code trang HtmlTable.aspx:

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
  <form id="Form1" runat="server">
<p>số dòng:
<select id="rows1" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br />số cột:
<select id="cells1" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br /><br />
<input id="Submit1" type="submit" value="Hiển thị Table" runat="server" OnServerClick="submit">
</p>
<table id="t1" border="1" runat="server" visible="false"/>
</form>

</body>
</html>

Code behind HtmlTable.aspx.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;

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

    }
    protected void submit(object sender, EventArgs e)
    {
        int row, numrows, numcells, j, i; row = 0; numrows = int.Parse(rows1.Value); numcells = int.Parse(cells1.Value); for (j = 1; j <= numrows; j++)
        {
            HtmlTableRow r = new HtmlTableRow(); row = row + 1;
            for (i = 1; i <= numcells; i++)
            {
                HtmlTableCell c = new HtmlTableCell();
                c.Controls.Add(new LiteralControl("Dòng " + j + ", cột " + i)); 
                r.Cells.Add(c);
            }
            t1.Rows.Add(r); t1.Visible = true;
        }
    }

}

Giao diện của chúng ta có 2 HtmlSelect control, một HtmlInputButton. Người dùng có thể chọn số dòng và số cột của table. Khi người dụng click submit button thì hàm xử lý sự kiện button click được thực hiển và sinh ra table với số dòng và số cột chúng ta đã lựa chọn.