> ASP.NET手册 > HtmlTable

定义和用法

HTMLTable 控件用于控制 <table> 元素。在 HTML 中,<table> 元素用于创建表格。

属性

属性 描述
Align 规定此表格的对齐方式。
Attributes 返回该元素的所有属性名称和值对。
BGColor 规定表格的背景颜色。
Border 规定边框的宽度。

提示:设置 border="0" 可显示不带边框的表格!

BorderColor 规定边框的颜色。
CellPadding 规定单元格边框与内容之间的空白。
CellSpacing 规定单元格之间的空白。
Disabled 布尔值,指示是否禁用该控件。默认是 false。
Height 规定表格的高度。
id 控件的唯一 id。
InnerHtml 设置或返回该 HTML 元素的开始标签和结束标签之间的内容。特殊字符不会被自动转换为 HTML 实体。
InnerText 设置或返回该 HTML 元素的开始标签和结束标签之间的所有文本。特殊字符会被自动转换为 HTML 实体。
Rows 返回表示表格中所有行的 HtmlRowCollection 对象。
runat 规定该控件是一个服务器控件。必须被设置为 "server"。
Style 设置或返回被应用到该控件的 CSS 属性。
TagName 返回元素的标签名。
Visible 布尔值,指示该控件是否可见。
Width 规定表格的宽度。

实例

HTMLTable

<script  runat="server">
Sub submit(sender As Object, e As EventArgs)
Dim row,numrows,numcells,j,i
row=0
numrows=cint(rows1.Value)
numcells=cint(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>

<!DOCTYPE html>
<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>

在本例中,我们在 .aspx 文件中声明了两个 HtmlSelect 控件,一个 HtmlInputButton 控件,以及一个 HtmlTable 控件(记得把控件嵌套在 HtmlForm 控件中)。用户可选择单元和行的数目。当提交按钮被触发时,会执行 submit 子例程。submit 子例程会根据用户的输入来生成表格。

HTMLTable 2

<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>

<!DOCTYPE html>
<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>

在本例中,我们在 .aspx 文件中声明了一个 HtmlTable 控件和一个 HtmlInputButton 控件(记得把控件嵌套在 HtmlForm 控件中)。当触发提交按钮时,会执行 submit 子例程。submit 子例程会修改表格的背景颜色和边框颜色,它也会修改单元格的内容。

上一篇:
下一篇: