Web Server Controls->ASP.NET TableCell Control

Definition and Usage

The TableCell control is used in conjunction with the Table control and the TableRow control to create a cell in a table.

Tip: The cells of each row are stored in the Cells collection of the TableRow control.


Properties

Property Description
ColumnSpan The number of columns this cell should span
HorizontalAlign The horizontal alignment of the contents in the table cell. Legal values are:
  • Center
  • Justify
  • Left
  • NotSet
  • Right
id A unique id for the control
RowSpan The number of rows this cell should span
runat Specifies that the control is a server control.  Must be set to "server"
VerticalAlign The vertical alignment of the contents in the table cell. Legal values are:
  • Bottom
  • Middle
  • NotSet
  • Top
Wrap A Boolean value that indicates whether the cell's contents should wrap or not

Examples

Table
ASPX Source:

<html>
<body>

<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>

</body>
</html>

Output Result:
1 2
3 4

1 2
3 4


In this example we declare two Table controls in an .aspx file.

Table 2
ASPX Source:

<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>

<html>
<body>

<form runat="server">
<asp:Table id="Table1" BorderWidth="1" GridLines="Both" runat="server" />
</form>

</body>
</html>

Output Result:
row 0, cell 0 row 0, cell 1
row 1, cell 0 row 1, cell 1
row 2, cell 0 row 2, cell 1

In this example we declare a Table control, three TableRow controls, and two TableCell controls in an .aspx file.

posted on 2007-03-27 16:11  改变热爱  阅读(270)  评论(0)    收藏  举报

导航