下面開始講解:HtmlTableCell控件
定義和用法
HtmlTableCell控件用來控制 <td> 和 <th> 元素。在Html中,這些元素用來建立表格單元格和表格標題單元格。
屬性
屬性 |
說明 |
Align
單元格內容的水平對齊方式
Attributes
返回此元素所有屬性名和屬性值
BGColor
單元格的背景色
BorderColor
邊框顏色
ColSpan
此單元格要跨越的列數
Disabled
指明此控件是否被禁止的一個布爾值。默認值是false
Height
單元格的高度
id
此控件的唯一id
InnerHtml
設置或返回HTML元素開始標簽和結束標簽之間的內容。特殊字符不會被自動轉換成Html實體
InnerText
設置或返回HTML元素開始標簽和結束標簽之間的所有文本。特殊字符將被自動轉換成Html實體
Nowrap
指定此控件中的文本是否可以換行的一個布爾值。
RowSpan
此單元格要跨越的行數
runat
規定此控件是服務器控件。必須被設置為 "server"
Style
設置或返回應用於此控件的CSS特性
TagName
返回此元素的標簽名稱
VAlign
單元格內容的垂直對齊方式
Visible
指明此控件是否可見的一個布爾值
Width
指定表格的寬度
示例
1、在此示例中我們在一個.ASPx文件中聲明兩個HtmlSelect控件,一個HtmlInputButton控件,及一個HtmlTable控件(要記住把控件嵌入HtmlForm控件中)。用戶可以選擇行數和單元格數。當提交按鈕被觸發的時候,submit子程序被執行。submit子程序將根據用戶的輸入來生成表格。本信息代表文章來源網頁教學webjx.com請大家去www.webjx.com浏覽!
<script runat="server">
Sub submit(sender As Object, e As EventArgs)
Dim row,numrows,numcells,j,i
row=0
numrows=rows1.Value
numcells=cells1.Value
for j=1 to numrows
Dim r As New HtmlTableRow()
row=row+1
for i=1 to numcells
Dim c As New HtmlTableCell()
c.Controls.Add(New LiteralControl("row " & j & ", cell " & i))
r.Cells.Add(c)
next
t1.Rows.Add(r)
t1.Visible=true
next
End Sub
</script>
<Html>
<body>
<form runat="server">
<p>Table rows:
<select id="rows1" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br />Table cells:
<select id="cells1" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br /><br />
<input type="submit" value="Display Table" runat="server" OnServerClick="submit">
</p>
<table id="t1" border="1" runat="server" visible="false"/>
</form>
</body>
</Html>
2、在此示例中我們在一個.ASPx文件中聲明一個HtmlTable控件及一個HtmlInputButton控件(要記住把控件嵌入HtmlForm控件中)。當提交按鈕被觸發的時候,submit子程序被執行。submit子程序將修改表格的背景色和邊框色,同時改變單元格中的內容。看到此信息請您諒解!webjx.com為了防采集加上的!請到網頁教學網浏覽更多信息。
<script runat="server">
Sub submit(sender As Object, e As EventArgs)
dim i,j
table1.BGColor="yellow"
table1.BorderColor="red"
for i=0 To table1.Rows.Count-1
for j=0 To table1.Rows(i).Cells.Count-1
table1.Rows(i).Cells(j).InnerHtml="Row " & i
next
next
End Sub
</script>
<Html>
<body>
<form runat="server">
<table id="table1" border="1" runat="server">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
<br />
<input type="button" value="Change Contents" OnServerClick="submit" runat="server"/>
</form>
</body>
</Html>