TableCell.ColumnSpan Property
Gets or sets the number of columns in the Table control that the cell spans.
[Visual Basic] Public Overridable Property ColumnSpan As Integer [C#] public virtual int ColumnSpan {get; set;} [C++] public: __property virtual int get_ColumnSpan(); public: __property virtual void set_ColumnSpan(int); [JScript] public function get ColumnSpan() : int; public function set ColumnSpan(int);
Property Value
The number of columns in the rendered table that the cell spans. The default value is 0, which indicates that this property is not set.
Remarks
Use the ColumnSpan property to specify or determine the number of columns in the rendered table that the cell spans. For example, if you set this property to 2, the cell takes up two columns in the Table control.
Example
[Visual Basic] <!-- This example creates a table, programmatically adds some elements to the table, and displays the table on the form. --> . . . <%@ Page language="VB" AutoEventWireup="true" %> <%@ Import Namespace="System.Drawing" %> <html> <head> <script runat="server"> Private Sub Page_Load(sender As Object, e As System.EventArgs) ' Create a TableItemStyle object that can be ' set as the default style for all cells ' in the table. Dim tableStyle As New TableItemStyle() tableStyle.HorizontalAlign = HorizontalAlign.Center tableStyle.VerticalAlign = VerticalAlign.Middle tableStyle.Width = Unit.Pixel(100) ' Create more rows for the table. Dim i As Integer For i = 2 To 9 Dim tempRow As New TableRow() Dim j As Integer For j = 0 To 2 Dim tempCell As New TableCell() tempCell.Text = "(" & i & "," & j & ")" tempRow.Cells.Add(tempCell) Next j Table1.Rows.Add(tempRow) Next i ' Apply the TableItemStyle to all rows in the table. Dim r As TableRow For Each r In Table1.Rows Dim c As TableCell For Each c In r.Cells c.ApplyStyle(tableStyle) Next c Next r ' Create a header for the table. Dim header As New TableHeaderCell() header.RowSpan = 1 header.ColumnSpan = 3 header.Text = "Table of (x,y) Values" header.Font.Bold = true header.BackColor = Color.CornflowerBlue header.HorizontalAlign = HorizontalAlign.Center header.VerticalAlign = VerticalAlign.Middle ' Add the header to a new row. Dim headerRow As New TableRow() headerRow.Cells.Add(header) ' Add the header row to the table. Table1.Rows.AddAt(0, headerRow) End Sub </script> </head> <body> <form runat="server"> <h1>TableCell Example</h1> <asp:table id="Table1" runat="server" CellPadding="3" CellSpacing="3"> <asp:TableRow> <asp:TableCell Text="(0,0)"></asp:TableCell> <asp:TableCell Text="(0,1)"></asp:TableCell> <asp:TableCell Text="(0,2)"></asp:TableCell> </asp:TableRow> <asp:TableRow> <asp:TableCell Text="(1,0)"></asp:TableCell> <asp:TableCell Text="(1,1)"></asp:TableCell> <asp:TableCell Text="(1,2)"></asp:TableCell> </asp:TableRow> </asp:table> </form> </body> </html> [C#] <!-- This example creates a table, programmatically adds some elements to the table, and displays the table on the form. --> . . . <%@ Page language="C#" AutoEventWireup="true" %> <%@ Import Namespace="System.Drawing" %> <html> <head> <script runat="server"> private void Page_Load(object sender, System.EventArgs e) { // Create a TableItemStyle object that can be // set as the default style for all cells // in the table. TableItemStyle tableStyle = new TableItemStyle(); tableStyle.HorizontalAlign = HorizontalAlign.Center; tableStyle.VerticalAlign = VerticalAlign.Middle; tableStyle.Width = Unit.Pixel(100); // Create more rows for the table. for (int i = 2; i < 10; i++) { TableRow tempRow = new TableRow(); for (int j = 0; j < 3; j++) { TableCell tempCell = new TableCell(); tempCell.Text = "(" + i + "," + j + ")"; tempRow.Cells.Add(tempCell); } Table1.Rows.Add(tempRow); } // Apply the TableItemStyle to all rows in the table. foreach (TableRow r in Table1.Rows) foreach (TableCell c in r.Cells) c.ApplyStyle(tableStyle); // Create a header for the table. TableHeaderCell header = new TableHeaderCell(); header.RowSpan = 1; header.ColumnSpan = 3; header.Text = "Table of (x,y) Values"; header.Font.Bold = true; header.BackColor = Color.CornflowerBlue; header.HorizontalAlign = HorizontalAlign.Center; header.VerticalAlign = VerticalAlign.Middle; // Add the header to a new row. TableRow headerRow = new TableRow(); headerRow.Cells.Add(header); // Add the header row to the table. Table1.Rows.AddAt(0, headerRow); } </script> </head> <body> <form runat="server"> <h1>TableCell Example</h1> <asp:table id="Table1" runat="server" CellPadding="3" CellSpacing="3"> <asp:TableRow> <asp:TableCell Text="(0,0)"></asp:TableCell> <asp:TableCell Text="(0,1)"></asp:TableCell> <asp:TableCell Text="(0,2)"></asp:TableCell> </asp:TableRow> <asp:TableRow> <asp:TableCell Text="(1,0)"></asp:TableCell> <asp:TableCell Text="(1,1)"></asp:TableCell> <asp:TableCell Text="(1,2)"></asp:TableCell> </asp:TableRow> </asp:table> </form> </body> </html>
[C++, JScript] No example is available for C++ or JScript. To view a Visual Basic or C# example, click the Language Filter button
in the upper-left corner of the page.
Requirements
Platforms: Windows 2000, Windows XP Professional, Windows Server 2003 family
See Also
TableCell Class | TableCell Members | System.Web.UI.WebControls Namespace | RowSpan | Table