动态生成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指定表格的宽度

示例

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

<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子程序将修改表格的背景色和边框色,同时改变单元格中的内容。

<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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值