HtmlTableCell.ColSpan Propiedad

Definición

Obtiene o establece el número de columnas que ocupa una celda representada por una instancia de la clase HtmlTableCell.

public:
 property int ColSpan { int get(); void set(int value); };
public int ColSpan { get; set; }
member this.ColSpan : int with get, set
Public Property ColSpan As Integer

Valor de propiedad

Int32

El número de columnas que ocupa la celda representada por una instancia de la clase HtmlTableCell. El valor predeterminado es -1, que indica que no se ha establecido esta propiedad.

Ejemplos

En el ejemplo de código siguiente se muestra cómo usar la ColSpan propiedad para especificar que la celda de la primera fila del HtmlTable control ocupa dos columnas.

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
   <title>HtmlTableCell Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>HtmlTableCell Example</h3>

          <table id="Table1" runat="server" 
                style="border-width: 1; border-color: Black">

         <tr>
            <td colspan="2">
               Cell 1.
            </td>
         </tr>
         <tr>
            <td>
               Cell 3.
            </td>
            <td>
               Cell 4.
            </td>
         </tr>

      </table>      

   </form>

</body>
</html>
<%@ Page Language="VB" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
   <title>HtmlTableCell Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>HtmlTableCell Example</h3>

          <table id="Table1" runat="server" 
                style="border-width: 1; border-color: Black">

         <tr>
            <td colspan="2">
               Cell 1.
            </td>
         </tr>
         <tr>
            <td>
               Cell 3.
            </td>
            <td>
               Cell 4.
            </td>
         </tr>

      </table>      

   </form>

</body>
</html>

Comentarios

En una celda representada por una instancia de la HtmlTableCell clase , utilice la ColSpan propiedad para especificar el número de columnas que ocupa la celda. Esto le permite crear una celda en la tabla que ocupa más de una columna. Por ejemplo, supongamos que tiene una tabla que contiene dos columnas y dos filas. Puede crear una celda de encabezado de tabla que abarque ambas columnas. Establezca la ColSpan propiedad de la celda situada más a la izquierda en la primera fila para 2 indicar que esta celda ocupa dos columnas en la tabla.

Precaución

Al expandir columnas, asegúrese de definir una celda menos en la fila para cada columna que abarque. Por ejemplo, si abarca dos columnas, defina una celda menos en la fila actual. De lo contrario, esa fila será mayor que el número de columnas de la tabla y la tabla no se mostrará según lo previsto.

Se aplica a

Consulte también