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