首页>教程>ASP.NET教程>ASP.NET Table 控件

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

ASP.NET Table 控件

内容纲要

ASP.NET Table 控件与 TableCell 控件和 TableRow 控件配合,用于创建表格

属性

属性描述.NET
BackImageUrl表格的背景图像的 URL1.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 控件

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索