共用方式為


Table、TableRow 和 TableCell Web 伺服器控制項概觀

更新:2007 年 11 月

Table Web 伺服器控制項可讓您以伺服器程式碼在 ASP.NET 網頁上建立表格。TableRowTableCell Web 伺服器控制項提供顯示 Table 控制項內容的方法。

這個主題包含:

  • 背景

  • 程式碼範例

  • 類別參考

背景

表格通常不僅用來呈現表格式資訊,還可做為格式化 Web 網頁上資訊的方法。有許多在 ASP.NET 網頁上建立表格的方法:

  • HTML 表格。如果您要建立靜態表格 (在執行階段不會加入或變更內容的表格),就應該使用 HTML 表格而不是 Table 控制項。

  • HtmlTable 控制項。這是藉由加入 runat=server 屬性,轉換成 HTML 伺服器控制項的 table HTML 項目。您可以在伺服端程式碼中設計此控制項的程式。如需 HTML 伺服器控制項的詳細資訊,請參閱 ASP.NET Web 伺服器控制項概觀

  • Table. 這是 Web 控制項,可以讓您使用與其他 Web 控制項一致的物件模型建立和操作表格 (例如,加入表格列和儲存格)。

一般而言,當您要在執行階段將資料列和儲存格 (資料行) 加入至程式碼的表格時,會使用 Table Web 伺服器控制項。雖然您可以將它當做含有預先定義列和行的靜態表格,但在那種情況下使用 HTML table 項目會更容易。

Table Web 伺服器控制項會比 HtmlTable 控制項在撰寫程式時更容易使用,因為它提供的物件模型使用與其他 Web 伺服器控制項一致的型別屬性 (這個模型在 TableTableRowTableCell 控制項之間也會一致)。

比較 Table Web 伺服器控制項和其他清單 Web 伺服器控制項

某些使用 Table Web 伺服器控制項完成的功能,也可以使用清單 Web 伺服器控制項來完成,特別是 RepeaterDataListGridView 控制項。所有這些控制項都會轉譯 (或選擇性轉譯) 為 HTML 表格。

清單控制項與 Table 控制項的差異為:

  • 清單控制項是資料繫結的。清單控制項只針對資料來源運作,而 Table 控制項可顯示 HTML 文字和控制項的任何組合,而不管它們是否為資料繫結。

  • 清單控制項使用樣板指定項目的配置。Table 控制項支援 TableCell 子控制項,您可以像對任何 HTML td 項目一樣地填滿它。

Table Web 伺服器控制項物件模型

Table 控制項做為 TableRow 控制項的父控制項。表格支援稱為 Rows 的屬性,此屬性是 TableRow 物件的集合。藉由加入或刪除集合中的項目,您可以指定表格的列。而 TableRow 控制項支援稱為 Cells 的集合,其中包含 TableCell 物件。

表格中顯示的內容會加入至 TableCell 控制項。儲存格擁有可設定為任何 HTML 文字的 Text 屬性。或者,您可以加入控制項到儲存格的 Controls 集合,以顯示儲存格中的控制項。

Table 父控制項支援控制整個表格外觀的屬性,例如 Font, BackColorForeColorTableRowTableCell 控制項也支援這些屬性,所以您可以指定個別資料列或儲存格的外觀,以覆寫父資料表的外觀。

將資料繫結至控制項

雖然 Table 控制項本身不是資料繫結,您仍可以使用它來顯示資料庫的資料。利用所有 Web 伺服器控制項,您可以將 Table 控制項的任何屬性繫結至資料來源。但是,Table 控制項不支援用來直接顯示資料的屬性。相反地,您通常會將 TableCell 控制項加入至表格。然後,您可以將個別 TableCell 控制項的 Text 屬性繫結至資料,或將資料繫結控制項 (例如 LabelLiteral 控制項) 加入至儲存格。

回到頁首

程式碼範例

HOW TO:將 Table Web 伺服器控制項加入至 Web Form 網頁 (Visual Studio)

HOW TO:將資料列和儲存格動態地加入至 Table Web 伺服器控制項

回到頁首

類別參考

下表列出 Table 控制項、TableCell 控制項與 TableRow 控制項的相關類別。

成員

描述

Table

Table 控制項的主要類別。

TableCell

TableCell 控制項的主要類別。

TableCellCollection

Table 控制項中構成列的 TableHeaderCellTableCell 物件的集合封裝。

TableFooterRow

表示 Table 控制項中的頁尾列。

TableHeaderCell

表示 Table 控制項內的標題儲存格。

TableHeaderRow

表示 Table 控制項中的標題列。

TableHeaderScope

表示類別的 HTML scope 屬性 (Attribute),這些類別表示表格中的標題儲存格。

TableItemStyle

表示呈現為 TableRowTableCell 的控制項項目的樣式屬性。

TableRow

TableRow 控制項的主要類別。

TableRowCollection

將表示 Table 控制項中單一列的 TableRow 物件的集合封裝。

TableRowSection

指定 TableRow 物件在 Table 控制項中的位置。

TableSectionStyle

表示 Table 控制項的區段樣式。

TableStyle

表示 Table 控制項的樣式。

回到頁首

請參閱

參考

HtmlTable

HtmlTableRow

HtmlTableCell