定义和用法
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 | 单元格的宽度。 |
实例
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 子例程会修改表格的背景颜色和边框颜色,它也会修改单元格的内容。