Partager via

Syntaxe déclarative du contrôle serveur HtmlTable

  • Article

Crée un contrôle côté serveur mappé à l'élément HTML <table> et permet de créer un tableau.

<table
    EnableViewState="False|True"
    Id="string"
    Visible="False|True"
    OnDataBinding="OnDataBinding event handler"
    OnDisposed="OnDisposed event handler"
    OnInit="OnInit event handler"
    OnLoad="OnLoad event handler"
    OnPreRender="OnPreRender event handler"
    OnUnload="OnUnload event handler"
    runat="server"
    >

   <tr>
      <td></td>
   </tr>

</table>

Notes

Utilisez le contrôle HtmlTable pour programmer en vous servant de l'élément <table> HTML. Un contrôle HtmlTable est composé de lignes (représentées par des objets HtmlTableRow)

stockées dans la collection Rows d'un tableau. Chaque ligne est composée de cellules (représentées par des objets HtmlTableCell) stockées dans la collection Cells d'une ligne.

Pour créer un tableau, commencez par déclarer un contrôle HtmlTable dans le formulaire de votre page. Ensuite, placez des objets HtmlTableRow entre les balises d'ouverture et de fermeture du contrôle HtmlTable, un objet par ligne à insérer dans le tableau. Une fois les lignes du tableau définies, déclarez des objets HtmlTableCell entre les balises d'ouverture et de fermeture de chaque objet HtmlTableRow pour créer les cellules de la ligne.

RemarqueRemarque

Assurez-vous d'avoir le nombre correct de cellules dans chaque ligne et colonne sans quoi il est possible que le tableau ne s'affiche pas de la façon escomptée.En général, chaque ligne doit avoir le même nombre de cellules.De même, les colonnes doivent partager le même nombre de cellules.Si vous étendez des cellules, chaque ligne doit avoir la même largeur et chaque colonne la même hauteur.

Le contrôle HtmlTable vous permet de personnaliser l'apparence d'un tableau. Vous pouvez spécifier la couleur d'arrière-plan, l'épaisseur des bordures et leur couleur ainsi que la hauteur et la largeur du tableau en définissant respectivement les propriétés BgColor, Border, BorderColor, Height et Width. Vous pouvez également contrôler l'espacement entre les cellules et entre le contenu d'une cellule et sa bordure en définissant les propriétés CellSpacing et CellPadding.

Exemple

L'exemple suivant génère des lignes et des cellules de tableau, en fonction des sélections opérées par l'utilisateur dans deux contrôles HtmlSelect. À chaque chargement de la page, le code vérifie les valeurs sélectionnées par l'utilisateur dans les contrôles HtmlSelect. Le nombre de lignes et de colonnes du contrôle HtmlTable est généré dynamiquement sur la base de ces valeurs. Pour créer un tableau, créez les lignes du tableau (représentées par les objets HtmlTableRow) et ajoutez-les à la collection Rows du contrôle HtmlTable. Pour générer les lignes, créez les cellules de la ligne (représentées par les objets HtmlTableCell) et ajoutez-les à la collection Cells du contrôle HtmlTableRow.

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

<script runat="server">
    Sub Page_Load(sender As Object, e As EventArgs)
        Dim row As Integer = 0
        ' Generate rows and cells.
        Dim numrows As Integer = Convert.ToInt32(Select1.Value)
        Dim numcells As Integer = Convert.ToInt32(Select2.Value)
        Dim j As Integer

        For j = 0 To numrows - 1
            Dim r As New HtmlTableRow()
            ' Set bgcolor on alternating rows.
            If row Mod 2 = 1 Then
                r.BgColor = "Gainsboro"
            End If
            row += 1

            Dim i As Integer
            For i = 0 To numcells - 1
               Dim c As New HtmlTableCell()
               c.Controls.Add(New _
                   LiteralControl("row " & j.ToString() & _
                   ", cell " & i.ToString()))
               r.Cells.Add(c)
            Next i
            Table1.Rows.Add(r)
         Next j
      End Sub 
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>HtmlTable Control</title>
</head>
<body>  
<form id="Form1" runat="server">
   <div>

   <h3>HtmlTable Example</h3>

      <br />
      <table id="Table1"  cellspacing="0" runat="server"
         style="border-width:1; border-color: Black; padding: 5"
             /> 
      <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>
      <br />
      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>
      <input id="Submit1" type="submit" 
         value="Generate Table" runat="server" />

   </div>
</form>
</body>
</html>

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

<script runat="server">
      void Page_Load(Object sender, EventArgs e) 
      {
         int row = 0;
         // Generate rows and cells.
         int numrows = Convert.ToInt32(Select1.Value);
         int numcells = Convert.ToInt32(Select2.Value);

         for (int j = 0; j < numrows; j++) 
         {
            HtmlTableRow r = new HtmlTableRow();
            // Set bgcolor on alternating rows.
            if (row%2 == 1)
               r.BgColor="Gainsboro";
            row++;

            for (int i = 0; i < numcells; i++) 
            {
               HtmlTableCell c = new HtmlTableCell();
               c.Controls.Add(new LiteralControl("row " + j.ToString() +
                    ", cell " + i.ToString()));
               r.Cells.Add(c);
            }
            Table1.Rows.Add(r);
         }
      }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>HtmlTable Control</title>
</head>
<body>  
<form id="Form1" runat="server">
   <div>

   <h3>HtmlTable Example</h3>

   <table id="Table1" 
      style="border-width:1; border-color:Black; padding:5"
      cellspacing="0" runat="server" /> 
      <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>
      <br />
      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>
      <input id="Submit1" type="submit" 
         value="Generate Table" runat="server" />

   </div>
</form>
</body>
</html>

Voir aussi

Référence

HtmlTable

Syntaxe déclarative du contrôle serveur HtmlTableCell

Syntaxe déclarative du contrôle serveur HtmlTableRow

Syntaxe déclarative du contrôle serveur HtmlForm

System.Web.UI.HtmlControls

Autres ressources

Contrôles serveur HTML