HtmlTable Class
Assembly: System.Web (in system.web.dll)
Use the HtmlTable control to programmatically control the HTML <table> element on the server. This allows you to create a table on a Web page.
You can dynamically change the appearance of the <table> element by setting the BgColor, Border, BorderColor, Height, and Width properties. You can also control how the content of a cell is displayed by setting the Align, CellPadding, and CellSpacing properties.
The rows of the HtmlTable control are stored in the Rows property of the control. This allows you to programmatically access the individual rows of the table.
Note |
|---|
| A complex table model is not supported. You cannot have an HtmlTable control with nested <caption>, <col>, <colgroup>, <tbody>, <thead>, or <tfoot> elements. These elements are removed without warning and do not appear in the output HTML. An exception will be thrown if you attempt to programmatically add these table model elements to the Control.Controls collection of the HtmlTable control. |
For a list of initial property values for an instance of HtmlTable, see the HtmlTable constructor.
| Topic | Location |
|---|---|
| How to: Add HTML Server Controls to a Web Page Using ASP.NET Syntax | Building ASP .NET Web Applications |
| How to: Add Rows and Cells Dynamically to a Table Web Server Control | Building ASP .NET Web Applications |
| How to: Set HTML Server Control Properties Programmatically | Building ASP .NET Web Applications |
| How to: Add HTML Server Controls to a Web Page Using ASP.NET Syntax | Building ASP .NET Web Applications |
| How to: Add Rows and Cells Dynamically to a Table Web Server Control | Building ASP .NET Web Applications |
| How to: Set HTML Server Control Properties Programmatically | Building ASP .NET Web Applications |
| How to: Create and Edit HTML Tables in Design View | Building ASP .NET Web Applications in Visual Studio |
| How to: Select HTML Table Elements and Contents in Visual Web Developer | Building ASP .NET Web Applications in Visual Studio |
| How to: Resize HTML Table Elements in Visual Web Developer | Building ASP .NET Web Applications in Visual Studio |
The following code example demonstrates how to use an HtmlTable control to display information in a table.
<%@ Page Language="VB" AutoEventWireup="True" %> <script runat="server"> Sub Button_Click(ByVal sender As Object, ByVal e As EventArgs) ' Set the properties of the HtmlTable with the ' user selections. Table1.BgColor = BgColorSelect.Value Table1.Border = CInt(BorderSelect.Value) Table1.BorderColor = BorderColorSelect.Value Table1.Height = HeightSelect.Value Table1.Width = WidthSelect.Value End Sub </script> <html> <head> <title>HtmlTable Example</title> </head> <body> <form runat="server"> <h3>HtmlTable Example</h3> <table id="Table1" Border="1" BorderColor="black" runat="server"> <tr> <th> Column 1 </th> <th> Column 2 </th> <th> Column 3 </th> </tr> <tr> <td> Cell 1 </td> <td> Cell 2 </td> <td> Cell 3 </td> </tr> <tr> <td> Cell 4 </td> <td> Cell 5 </td> <td> Cell 6 </td> </tr> </table> <hr> Select the display settings: <br><br> BgColor: <select id="BgColorSelect" runat="server"> <option Value="Red">Red</option> <option Value="Blue">Blue</option> <option Value="Green">Green</option> <option Value="Black">Black</option> <option Value="White" Selected>White</option> </select> Border: <select id="BorderSelect" runat="server"> <option Value="0">0</option> <option Value="1" Selected>1</option> <option Value="2">2</option> <option Value="3">3</option> <option Value="4">4</option> <option Value="5">5</option> </select> BorderColor: <select id="BorderColorSelect" runat="server"> <option Value="Red">Red</option> <option Value="Blue">Blue</option> <option Value="Green">Green</option> <option Value="Black" Selected>Black</option> <option Value="White">White</option> </select> <br><br> Height: <select id="HeightSelect" runat="server"> <option Value="0">0</option> <option Value="100">100</option> <option Value="150">150</option> <option Value="200">200</option> <option Value="250">250</option> </select> Width: <select id="WidthSelect" runat="server"> <option Value="0">0</option> <option Value="200">200</option> <option Value="250">250</option> <option Value="300">300</option> <option Value="350">350</option> </select> <br><br> <input type="button" value="Generate Table" OnServerClick ="Button_Click" runat="server"/> </form> </body> </html>
The following code example demonstrates how to dynamically create an HtmlTable control.
<%@ Page Language="VB" %> <script runat="server"> Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Dim i As Integer Dim j As Integer Dim row As HtmlTableRow Dim cell As HtmlTableCell ' Get the number of rows and columns selected by the user. Dim numrows As Integer = CInt(Select1.Value) Dim numcells As Integer = CInt(Select2.Value) ' Iterate through the rows. For j = 0 To numrows - 1 ' Create a new row. row = New HtmlTableRow() ' Provide a different background color for alternating rows. If (j Mod 2) = 1 Then row.BgColor = "Gray" End If ' Iterate through the cells of a row. For i = 0 To numcells - 1 ' Create a new cell and add it to the HtmlTableRow ' Cells collection. cell = New HtmlTableCell() cell.Controls.Add(New LiteralControl("row " & _ j.ToString() & _ ", cell " & _ i.ToString())) row.Cells.Add(cell) Next i ' Add the row to the HtmlTable Rows collection. Table1.Rows.Add(row) Next j End Sub </script> <html> <head> <title>HtmlTable Example</title> </head> <body> <form runat="server"> <h3>HtmlTable Example</h3> <table id="Table1" CellPadding="5" CellSpacing="0" Border="1" BorderColor="black" runat="server"/> <hr> Select the number of rows and columns to create: <br><br> Table rows: <select id="Select1" runat="server"> <option Value="1">1</option> <option Value="2">2</option> <option Value="3">3</option> <option Value="4">4</option> <option Value="5">5</option> </select> Table cells: <select id="Select2" runat="server"> <option Value="1">1</option> <option Value="2">2</option> <option Value="3">3</option> <option Value="4">4</option> <option Value="5">5</option> </select> <br><br> <input type="submit" value="Generate Table" runat="server"/> </form> </body> </html>
- AspNetHostingPermission for operating in a hosted environment. Demand value: LinkDemand; Permission value: Minimal.
- AspNetHostingPermission for operating in a hosted environment. Demand value: InheritanceDemand; Permission value: Minimal.
System.Web.UI.Control
System.Web.UI.HtmlControls.HtmlControl
System.Web.UI.HtmlControls.HtmlContainerControl
System.Web.UI.HtmlControls.HtmlTable
Windows 98, Windows 2000 SP4, Windows Server 2003, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP SP2, Windows XP Starter Edition
The .NET Framework does not support all versions of every platform. For a list of the supported versions, see System Requirements.
Note