内容纲要
ASP.NET TableCell 控件与 Table 控件和 TableRow 控件结合，用于创建表格中的单元格
每行的单元均存储在 TableRow 控件 的 Cells 集合中
属性
| 属性 | 描述 | .NET |
|---|---|---|
| AssociatedHeaderCellID | 与 TableCell 控件关联的表标题单元格列表 | 2.0 |
| ColumnSpan | 单元格跨越的列数 | 1.0 |
| HorizontalAlign | 表格单元格中内容的水平对齐方式 | 1.0 |
| RowSpan | 单元格跨越的行数 | 1.0 |
| runat | 规定该控件是服务器控件。必须设置为 "server" | 1.0 |
| Text | 规定表格单元格的文本 | 1.0 |
| VerticalAlign | 表格单元格中内容的垂直对齐方式 | 1.0 |
| Wrap | 规定单元格内容是否换行 | 1.0 |
ASP.NET TableCell ColumnSpan 属性
ASP.NET TableCell ColumnSpan 属性用于设置或返回在 Table 控件中 TableCell 横跨的列数
语法
<asp:TableCell ColumnSpan="num" runat="server"> Some content </asp:TableCell>
| 属性 | 描述 |
|---|---|
| num | 规定 TableCell 横跨的列数 |
范例
下面的范例把 ColumnSpan 属性设置为 "2"
<form runat="server">
<asp:Table id="tab1" runat="server">
<asp:TableRow>
<asp:TableCell ColumnSpan="2"> *Some Content* </asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell> *Some Content* </asp:TableCell>
<asp:TableCell> *Some Content* </asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>ASP.NET TableCell HorizontalAlign 属性
ASP.NET TableCell HorizontalAlign 属性用于设置或返回在 TableCell 控件中内容的水平对齐方式
语法
<asp:TableCell HorizontalAlign="align" runat="server">Some Content</asp:TableCell>
| 属性 | 描述 |
|---|---|
| align | 规定内容的水平对齐方式，默认的值为 NotSet 可能的值： Center Justify Left NotSet Right |
范例
下面的范例设置了 TableCell 控件的 HorizontalAlign 属性
<form runat="server">
<asp:Table id="tab1" runat="server">
<asp:TableRow>
<asp:TableCell HorizontalAlign="Center">Hello!</asp:TableCell>
<asp:TableCell>Hello!</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>ASP.NET TableCell RowSpan 属性
ASP.NET TableCell RowSpan 属性用于设置或返回 Table 控件中 TableCell 横跨的行数
语法
<asp:TableCell RowSpan="num" runat="server">Some content</asp:TableCell>
| 属性 | 描述 |
|---|---|
| num | 规定 TableCell 横跨的行数 |
范例
下面的范例把 RowSpan 属性设置为 "2"
<form runat="server">
<asp:Table id="tab1" runat="server">
<asp:TableRow>
<asp:TableCell RowSpan="2">Some Content</asp:TableCell>
<asp:TableCell>Some Content</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>Some Content</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>ASP.NET TableCell Text 属性
ASP.NET TableCell Text 属性用于设置或返回 TableCell 控件的文本内容
语法
<asp:TableCell Text="string" runat="server" />
| 属性 | 描述 |
|---|---|
| string | 字符串值，规定表格单元格的文本 |
范例
下面的范例设置了 TableCell 控件的文本
<form runat="server">
<asp:Table id="tab1" runat="server">
<asp:TableRow>
<asp:TableCell Text="Hello" />
</asp:TableRow>
</asp:Table>
</form>ASP.NET TableCell VerticalAlign 属性
ASP.NET TableCell VerticalAlign 属性用于设置或返回 TableCell 控件中内容的垂直对齐方式
语法
<asp:TableCell VerticalAlign="align" runat="server">Some Content</asp:TableCell>
| 属性 | 描述 |
|---|---|
| align | 规定内容的垂直对齐方式。可能的值： Bottom Middle NotSet Top |
范例
下面的范例设置了 TableCell 控件的 VerticalAlign 属性
<form runat="server">
<asp:Table id="tab1" runat="server">
<asp:TableRow>
<asp:TableCell VerticalAlign="Center">Hello!</asp:TableCell>
<asp:TableCell>Hello!</asp:TableCell>
</asp:TableRow>
</asp:Table>
</form>ASP.NET TableCell Wrap 属性
ASP.NET TableCell Wrap 属性用于设置或返回表格单元格内的文本是否换行
语法
<asp:TableCell Wrap="True|False" runat="server">Some content</asp:TableCell>
范例
下面的范例把 wrap 属性设置为 "False"
<form runat="server">
<asp:Table id="tab1" runat="server">
<asp:TableRow>
<asp:TableCell Wrap="False"> *Some Content*
<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 控件
