ASP.NET Table 控件与 TableCell 控件和 TableRow 控件配合,用于创建表格
属性
属性 | 描述 | .NET |
---|---|---|
BackImageUrl | 表格的背景图像的 URL | 1.0 |
Caption | 表格的标题 | 2.0 |
CaptionAlign | 标题文本的对齐方式 | 2.0 |
CellPadding | 单元格边框与内容的间距 | 1.0 |
CellSpacing | 单元格间距 | 1.0 |
GridLines | 表格的网格线格式 | 1.0 |
HorizontalAlign | 表格在页面中的水平对齐方式 | 1.0 |
Rows | 表格中的行集合 | 1.0 |
runat | 规定该控件是服务器控件。必须设置为 "server" | 1.0 |
ASP.NET Table BackImageUrl 属性
ASP.NET Table BackImageUrl 属性用于设置或返回用作 Table 控件背景图像的图像的 URL
语法
<asp:Table BackImageUrl="URL" runat="server">Some Content</asp:Table>
属性 | 描述 |
---|---|
URL | 要使用的图像的 URL |
范例
下面的范例为 Table 控件设置了 BackImageUrl
<form runat="server">
<asp:Table id="tab1" runat="server" BackImageUrl="img.gif">
<asp:TableRow>
<asp:TableCell>Hello!</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>
ASP.NET Table Caption 属性
ASP.NET Table Caption 属性用于为 Table 控件获取或设置显示为标题的文本
语法
<asp:Table Caption="string" runat="server">Some Content</asp:Table>
属性 | 描述 |
---|---|
string | 显示为表格标题的文本 |
范例
下面的范例为 Table 控件设置了 Caption
<form runat="server">
<asp:Table id="tab1" runat="server" Caption="Table 实例">
<asp:TableRow>
<asp:TableCell>Hello!</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>
ASP.NET Table CaptionAlign 属性
ASP.NET Table CaptionAlign 属性用于为表格获取或设置标题文本的对齐方式
语法
<asp:Table Caption="text" CaptionAlign="align" runat="server">Some Content</asp:Table>
属性 | 描述 |
---|---|
align | 规定标题文本的对齐方式 可能的值: NotSet - 默认。未设置标题的对齐方式 Top - 标题显示在表格的顶端。文本居中 Bottom - 标题显示在表格的底部。文本居中 Left - 标题显示在表格的顶端。文本左对齐 Right - 标题显示在表格的顶端。文本右对齐 |
范例
下面的范例设置了表格中的 Caption 属性,并把它排列在 Table 控件的底部
<form runat="server">
<asp:Table id="tab1" runat="server" Caption="Table 实例" CaptionAlign="bottom">
<asp:TableRow>
<asp:TableCell>Hello!</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>
ASP.NET Table CellPadding 属性
ASP.NET Table CellPadding 属性用于获取或设置单元格边框与单元格内容的间距(以像素计)
语法
<asp:Table CellPadding="px" runat="server">Some Content</asp:Table>
属性 | 描述 |
---|---|
px | 规定单元格边框与单元格内容的间距(以像素计) |
范例
下面的范例设置了 Table 控件的 CellPadding 属性
<form runat="server">
<asp:Table id="tab1" runat="server" CellPadding="30">
<asp:TableRow>
<asp:TableCell>Hello!</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>
ASP.NET Table CellSpacing 属性
ASP.NET Table CellSpacing 属性用于获取或设置表格中单元格的间距(以像素计)
该属性在 FireFox 中无效
语法
<asp:Table CellSpacing="px" runat="server">Some Content</asp:Table>
属性 | 描述 |
---|---|
px | 规定单元格的间距(以像素计) |
范例
下面的范例设置了 Table 控件的 CellSpacing 属性
<form runat="server">
<asp:Table id="tab1" runat="server"
CellSpacing="20">
<asp:TableRow>
<asp:TableCell>Hello!</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>
ASP.NET Table GridLines 属性
ASP.NET Table GridLines 属性用于获取或设置 Table 控件的网格线样式
语法
<asp:Table GridLines="mode" runat="server">Some Content</asp:Table>
属性 | 描述 |
---|---|
mode | 为表格规定网格线样式 可能的值: None Horizontal Vertical Both |
范例
下面的范例把 GridLines 属性设置为 "Both"
<form runat="server">
<asp:Table id="tab1" runat="server" GridLines="Both">
<asp:TableRow>
<asp:TableCell>Hello!</asp:TableCell>
<asp:TableCell>Hello!</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>
ASP.NET Table HorizontalAlign 属性
ASP.NET Table HorizontalAlign 属性用于设置或返回在 Table 控件中内容的水平对齐方式
语法
<asp:Table HorizontalAlign="align" runat="server"> Some Content </asp:Table>
属性 | 描述 |
---|---|
align | 规定内容的水平对齐方式,默认的值为 NotSet 可能的值: Center Justify Left NotSet Right |
范例
下面的范例设置了 Table 控件的 HorizontalAlign 属性
<form runat="server">
<asp:Table id="tab1" runat="server" HorizontalAlign="Right">
<asp:TableRow>
<asp:TableCell>Hello!</asp:TableCell>
<asp:TableCell>Hello!</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>
Web 控件标准属性
- AccessKey
- Attributes
- BackColor
- BorderColor
- BorderStyle
- BorderWidth
- CssClass
- Enabled
- Font
- EnableTheming
- ForeColor
- Height
- IsEnabled
- SkinID
- Style
- TabIndex
- ToolTip
- Width
如果想要访问完整描述,可以访问我们的 Web 控件标准属性
控件标准属性
- AppRelativeTemplateSourceDirectory
- BindingContainer
- ClientID
- Controls
- EnableTheming
- EnableViewState
- ID
- NamingContainer
- Page
- Parent
- Site
- TemplateControl
- TemplateSourceDirectory
- UniqueID
- Visible
如果想要访问完整描述,可以访问我们的 控件标准属性
范例
Table
<!DOCTYPE html>
<meta charset="utf-8" />
<form runat=server>
<asp:Table runat="server" CellPadding="5"
GridLines="horizontal" HorizontalAlign="Center">
<asp:TableRow>
<asp:TableCell>1</asp:TableCell>
<asp:TableCell>2</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>3</asp:TableCell>
<asp:TableCell>4</asp:TableCell>
</asp:TableRow>
</asp:Table>
<br>
<asp:Table runat="server" CellPadding="5"
GridLines="vertical" HorizontalAlign="Center">
<asp:TableRow>
<asp:TableCell>1</asp:TableCell>
<asp:TableCell>2</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>3</asp:TableCell>
<asp:TableCell>4</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>
范例中,我们声明了两个 Table 控件
Table 2
<script runat="server">
Sub Page_Load(sender As Object, e As EventArgs)
dim rows,cells,j,i
rows=3
cells=2
For j=0 To rows-1
dim r As New TableRow()
For i=0 To cells-1
dim c As New TableCell()
c.Controls.Add(New LiteralControl("row " & j & ", cell " & i))
r.Cells.Add(c)
Next
Table1.Rows.Add(r)
Next
End Sub
</script>
<!DOCTYPE html>
<meta charset="utf-8" />
<form runat="server">
<asp:Table id="Table1" BorderWidth="1" GridLines="Both" runat="server" />
</form>
范例中,我们声明了一个 Table 控件,三个 TableRow 控件,和两个 TableCell 控件