Partager via


Syntaxe déclarative du contrôle serveur HtmlTableRow

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

<tr 
    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"
    >
 
   <td>cellcontent</td> 
   <td>cellcontent</td> 
   <td>cellcontent</td> 
 
</tr>

Notes

Utilisez la classe HtmlTableRow pour programmer en vous servant de l'élément HTML <tr> . Un élément <tr> représente une ligne du tableau.

La classe HtmlTableRow permet de contrôler l'apparence de chaque ligne du tableau. Vous pouvez contrôler la couleur d'arrière-plan, la couleur de la bordure et la hauteur de la ligne en définissant respectivement les propriétés BgColor, BorderColor et Height.

L'alignement horizontal et vertical du contenu des cellules de la ligne est contrôlé en définissant respectivement les propriétés Align et VAlign.

Chaque ligne du tableau contient une collection Cells qui comprend un objet HtmlTableCell pour chaque cellule de la ligne.

Exemple

L'exemple suivant montre comment utiliser un objet HtmlTableCell pour modifier le contenu d'une cellule dans le contrôle HtmlTable.

<%@ 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>HtmlTableRow Control</title>

   <script runat="server">
       Sub Button_Click(ByVal sender As Object, ByVal e As EventArgs)

           Dim i As Integer
           Dim j As Integer

           ' Iterate through the rows of the table.
           For i = 0 To Table1.Rows.Count - 1

               ' Iterate through the cells of a row.       
               For j = 0 To Table1.Rows(i).Cells.Count - 1

                   ' Change the inner HTML of the cell.
                   Table1.Rows(i).Cells(j).InnerHtml = "Row " & i.ToString() _
                                                       & ", Column " & _
                                                       j.ToString()
               Next j

           Next i
       End Sub
   </script>

</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>
               Cell 1
            </td>
            <td>
               Cell 2
            </td>
         </tr>
         <tr>
            <td>
               Cell 3
            </td>
            <td>
               Cell 4
            </td>
         </tr>

      </table>

      <br /><br />

      <input id="Button1" type="button" 
             value="Change Table Contents"
              onserverclick="Button_Click" 
             runat="server"/>
   </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">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
<title>HtmlTableRow Control</title>

   <script runat="server">
      void Button_Click(Object sender, EventArgs e) 
      {

         // Iterate through the rows of the table.
         for (int i=0; i<=Table1.Rows.Count - 1; i++)
         {

            // Iterate through the cells of a row.
            for (int j=0; j<=Table1.Rows[i].Cells.Count - 1; j++)
            {
               // Change the inner HTML of the cell.
               Table1.Rows[i].Cells[j].InnerHtml = "Row " + i.ToString() + 
                                                   ", Column " + 
                                                   j.ToString(); 
            }

         }

      }
   </script>

</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>
               Cell 1
            </td>
            <td>
               Cell 2
            </td>
         </tr>

         <tr>
            <td>
               Cell 3
            </td>
            <td>
               Cell 4
            </td>
         </tr>

      </table>

      <br /><br />

      <input id="Button1" type="button" 
             value="Change Table Contents"
             onserverclick="Button_Click" 
             runat="server"/>

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

Voir aussi

Référence

HtmlTableRow

Syntaxe déclarative du contrôle serveur HtmlTableCell

Syntaxe déclarative du contrôle serveur HtmlTable

System.Web.UI.HtmlControls

Autres ressources

Contrôles serveur HTML