Table Web 控件的用法和傳統(tǒng)的HTML 的Table 元素差異很大，為了將網(wǎng)頁設計對象導向，Table內(nèi)的列和字段也都跟著對象化了。前面我們已經(jīng)提過HTML 控件的HtmlTable、HtmlTableRow、HtmlTableCell 這三個對象，基本上Table Web 控件里的使用方式和Table HTML 控件沒有什么差別。其使用語法為：

Id="被程序代碼所控制的名稱"

Runat="Server"

BackImageUrl="URL"

CellSpacing="像素"

CellPadding="像素"

GridLines="Both | Horizontal | None | Vertical"

HorziontalAlign="Center | Justify | Left | NotSet | Right"

/>

Table Web 控件的基本屬性如下所示：

我們知道TableCell 對象是TableRow 的子對象，而TableRow 是Table 的子物件。只要利用TableRow.Cells.Add 及Table.Rows.Add 方法就可以建立這些對象的關系。表格的制作方式有兩種，一是使用類似HTML 標注方法，另外一種是用程序動態(tài)新增。第一種方法如下范例碼所示：

Runat="Server">

第一列第一行

第一列第二行

第一列第三行

第二列第一行

第二列第二行

第二列第三行

第三列第一行

第三列第二行

第三列第三行

上面這個程序看起來和HTML標注里的Table 元素幾乎一模一樣，只不過是標注的名稱改為Web控件的名稱。另外字段內(nèi)所要顯示的的文字，除了使用上面程序的寫法外上可寫成下列的樣式：

第二種用程序來動態(tài)新增的方法和HtmlTable 控件一樣，我們將HTML 控件的九九表范例改成用Web 控件來寫，如下所示：

Runat="Server"/>

Sub Button1_Click(Sender As Object, e As EventArgs)

Dim Cell As TableCell

Dim Row As TableRow

Dim X, Y As Short

For X=1 To 9 Step 1

Cell=New TableCell

For Y=1 To 9 Step 1

Cell.Text+=CStr(X) & " * " & CStr(Y) & " = " & CStr(X * Y)

If Y<>9 Then Cell.Text+="
"

Next Y

If X=1 Or X=4 Or X=7 Then Row=New TableRow

Row.Cells.Add(Cell)

If X=3 Or X=6 Or X=7 Then Table1.Rows.Add(Row)

Next X

End Sub

上面這個程序的用法和HtmlTable 控件一樣，只不過將Html 控件改成Web 控件罷了。要在表格中顯示文字不是問題，若要在表格中放置控件也可以，只要使用TableCell 對象中Controls集合的Add 方法即可。下列范例碼顯示如何將對象放到表格中：

Cellspacing="0"

Cellpadding="1"

Runat="Server" />

Sub Page_Load(Sender As Object,e As Eventargs)

Dim I, J As Short

For I=0 To 4

Dim Row As New TableRow

For J=0 to 3

Dim Cell As New TableCell

Cell.Text=" Column=" & J

If J=3 Then

Dim btnA As New Button

btnA.Text ="Column=3"

Cell.Controls.Add(btnA)

End If

Row.Cells.Add(Cell)

Next

Table1.Rows.Add(Row)

Next

End Sub

上述程序代碼要產(chǎn)生每一列的第四欄時，我們就撰寫程序動態(tài)的產(chǎn)生一個Button 控件，然后將這個Button 控件的Text 屬性設為Column=3 后，利用Controls 集合的Add 方法將Button 控件加入Cell 對象的Controls 集合對象中，最后產(chǎn)生一個第四個字段為Button 控件的4 乘5 表格。

總結(jié)

以上是生活随笔為你收集整理的Html5table控件,Table Web 控件、TableRow Web 控件及TableCell Web 控件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。