Partager via

HtmlTableCell.ColSpan Propriété

  • Référence

Définition

Espace de noms:
System.Web.UI.HtmlControls
Assembly:
System.Web.dll

Obtient ou définit le nombre de colonnes occupées par une cellule représentée par une instance de la classe 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

Valeur de propriété

Int32

Nombre de colonnes occupées par la cellule représentée par une instance de HtmlTableCell. La valeur par défaut, -1, indique que cette propriété n'est pas définie.

Exemples

L’exemple de code suivant montre comment utiliser la ColSpan propriété pour spécifier que la cellule de la première ligne du HtmlTable contrôle prend deux colonnes.

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

Remarques

Dans une cellule représentée par une instance de la HtmlTableCell classe, utilisez la ColSpan propriété pour spécifier le nombre de colonnes occupées par la cellule. Cela vous permet de créer une cellule dans la table qui occupe plusieurs colonnes. Par exemple, supposons que vous disposez d’une table qui contient deux colonnes et deux lignes. Vous pouvez créer une cellule d’en-tête de tableau qui s’étend sur les deux colonnes. Définissez la ColSpan propriété de la cellule la plus à gauche de la première ligne pour 2 indiquer que cette cellule prend deux colonnes dans la table.

Attention

Lorsque vous couvrez des colonnes, veillez à définir une cellule de moins dans la ligne pour chaque colonne que vous étendez. Par exemple, si vous étendez deux colonnes, définissez une cellule moins dans la ligne active. Sinon, cette ligne sera plus longue que le nombre de colonnes de la table et la table ne sera pas affichée comme prévu.

S’applique à

Voir aussi