Inicio Library Aprendizaje Code Descarga Soporte Comunidad Foros
Este tema aún no ha recibido ninguna valoración - Valorar este tema

HtmlTable (Clase)

.NET Framework 2.0
Permite obtener acceso mediante programación al elemento HTML <table> en el servidor.

Espacio de nombres: System.Web.UI.HtmlControls
Ensamblado: System.Web (en system.web.dll)

C#
C++
VB
Copiar 
public class HtmlTable : HtmlContainerControl
J#
Copiar 
public class HtmlTable extends HtmlContainerControl
JScript
Copiar 
public class HtmlTable extends HtmlContainerControl
XAML
Copiar 
No aplicable.

Use el control HtmlTable para controlar mediante programación el elemento HTML <table> en el servidor. De este modo, se puede crear una tabla en una página Web.

Puede cambiar dinámicamente la apariencia del elemento <table> mediante el establecimiento de las propiedades BgColor, Border, BorderColor, Height y Width. También puede controlar cómo se va a mostrar el contenido de una celda al establecer las propiedades Align, CellPadding y CellSpacing.

Las filas del control HtmlTable se almacenan en la propiedad Rows del control. Esto permite tener acceso mediante programación a cada una de las filas de la tabla.

NotaNota:

No se admiten modelos de tabla complejos. No puede existir un control HtmlTable con elementos <caption>, <col>, <colgroup>, <tbody>, <thead> o <tfoot> anidados. Estos elementos se quitan sin previo aviso y no aparecen en el HTML resultante. Se producirá una excepción si se intenta agregar mediante programación estos elementos de modelo de tabla a la colección Control.Controls del control HtmlTable.

Para obtener una lista con los valores de propiedad iniciales de una instancia de HtmlTable, vea el constructor HtmlTable.

TemaUbicación
Cómo: Crear y editar tablas HTML en la vista DiseñoGenerar aplicaciones Web ASP .NET en Visual Studio
Cómo: Agregar filas y celdas dinámicamente a un control Table de servidor WebGenerar aplicaciones Web ASP .NET
Cómo: Cambiar el tamaño de los elementos de tabla HTML en Visual Web DeveloperGenerar aplicaciones Web ASP .NET en Visual Studio
Cómo: Seleccionar contenido y elementos de tabla HTML en Visual Web DeveloperGenerar aplicaciones Web ASP .NET en Visual Studio
Cómo: Establecer las propiedades de un control de servidor HTML mediante programaciónGenerar aplicaciones Web ASP .NET
Cómo: Agregar controles de servidor HTML a una página Web mediante la sintaxis de ASP.NETGenerar aplicaciones Web ASP .NET
Cómo: Crear y editar tablas HTML en la vista DiseñoGenerar aplicaciones Web ASP .NET en Visual Studio
Cómo: Seleccionar contenido y elementos de tabla HTML en Visual Web DeveloperGenerar aplicaciones Web ASP .NET en Visual Studio
Cómo: Agregar controles de servidor HTML a una página Web mediante la sintaxis de ASP.NETGenerar aplicaciones Web ASP .NET en Visual Studio
Cómo: Cambiar el tamaño de los elementos de tabla HTML en Visual Web DeveloperGenerar aplicaciones Web ASP .NET en Visual Studio
Cómo: Agregar filas y celdas dinámicamente a un control Table de servidor WebGenerar aplicaciones Web ASP .NET en Visual Studio
Cómo: Establecer las propiedades de un control de servidor HTML mediante programaciónGenerar aplicaciones Web ASP .NET en Visual Studio

En el siguiente ejemplo de código, puede ver cómo utilizar un control HtmlTable para mostrar información en una tabla.

C#
JScript
VB
Copiar 
<%@ 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 Button_Click(Object sender, EventArgs e)
  {

    // Set the properties of the HtmlTable with the
    // user selections.
    Table1.BgColor = BgColorSelect.Value;
    Table1.Border = Convert.ToInt32(BorderSelect.Value);
    Table1.BorderColor = BorderColorSelect.Value;
    Table1.Height = HeightSelect.Value;
    Table1.Width = WidthSelect.Value;

  }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
   <title>HtmlTable Example</title>
</head>
<body>

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

      <h3>HtmlTable Example</h3>

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

         <tr>
            <th>
               Column 1
            </th>
            <th>
               Column 2
            </th>
            <th>
               Column 3
            </th>
         </tr>
         <tr>
            <td>
               Cell 1
            </td>
            <td>
               Cell 2
            </td>
            <td>
               Cell 3
            </td>
         </tr>
         <tr>
            <td>
               Cell 4
            </td>
            <td>
               Cell 5
            </td>
            <td>
               Cell 6
            </td>
         </tr>

      </table>
      
      <hr />

      Select the display settings: <br /><br />

      BgColor:
      <select id="BgColorSelect" 
              runat="server">

         <option value="Red">Red</option>
         <option value="Blue">Blue</option>
         <option value="Green">Green</option>
         <option value="Black">Black</option>
         <option value="White" selected="selected">White</option>
        
      </select>

      &nbsp;&nbsp;

      Border:
      <select id="BorderSelect" 
              runat="server">

         <option value="0">0</option>
         <option value="1" selected="selected">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
         <option value="5">5</option>

      </select>

      &nbsp;&nbsp;

      BorderColor:
      <select id="BorderColorSelect" 
              runat="server">

         <option value="Red">Red</option>
         <option value="Blue">Blue</option>
         <option value="Green">Green</option>
         <option value="Black" selected="selected">Black</option>
         <option value="White">White</option>

      </select>

      <br /><br />

      Height:
      <select id="HeightSelect" 
              runat="server">

         <option value="0">0</option>
         <option value="100">100</option>
         <option value="150">150</option>
         <option value="200">200</option>
         <option value="250">250</option>

      </select>

      &nbsp;&nbsp;

      Width:
      <select id="WidthSelect" 
              runat="server">

         <option value="0">0</option>
         <option value="200">200</option>
         <option value="250">250</option>
         <option value="300">300</option>
         <option value="350">350</option>

      </select>
       
      <br /><br />
  
      <input type="button" 
             value="Generate Table"
             onserverclick="Button_Click" 
             runat="server"/>

   </form>

</body>
</html>

En el siguiente ejemplo de código, se muestra cómo crear dinámicamente un control HtmlTable.

C#
JScript
VB
Copiar 
<%@ Page Language="C#" %>

<!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)
  {

    // Get the number of rows and columns selected by the user.
    int numrows = Convert.ToInt32(Select1.Value);
    int numcells = Convert.ToInt32(Select2.Value);

    // Iterate through the rows.
    for (int j = 0; j < numrows; j++)
    {

      // Create a new row and add it to the Rows collection.
      HtmlTableRow row = new HtmlTableRow();

      // Provide a different background color for alternating rows.
      if (j % 2 == 1)
        row.BgColor = "Gray";

      // Iterate through the cells of a row.
      for (int i = 0; i < numcells; i++)
      {
        // Create a new cell and add it to the HtmlTableRow 
        // Cells collection.
        HtmlTableCell cell = new HtmlTableCell();
        cell.Controls.Add(new LiteralControl("row " +
                          j.ToString() +
                          ", cell " +
                          i.ToString()));
        row.Cells.Add(cell);
      }

      // Add the row to the HtmlTable Rows collection.
      Table1.Rows.Add(row);
    }
  }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
   <title>HtmlTable Example</title>
</head>
<body>

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

      <h3>HtmlTable Example</h3>

      <table id="Table1" 
             style="border-width:1; border-color:Black; padding:5"
             cellspacing="0" 
             runat="server"/>
        
      <hr />

      Select the number of rows and columns to create: <br /><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>

      &nbsp;&nbsp;

      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>
       
      <br /><br />
  
      <input type="submit" 
             value="Generate Table" 
             runat="server"/>

   </form>

</body>
</html>
Los miembros estáticos públicos (Shared en Visual Basic) de este tipo son seguros para la ejecución de subprocesos. No se garantiza que los miembros de instancias sean seguros para la ejecución de subprocesos.

Windows 98, Windows 2000 Service Pack 4, Windows CE, Windows Millennium, Windows Mobile para Pocket PC, Windows Mobile para Smartphone, Windows Server 2003, Windows XP Media Center, Windows XP Professional x64, Windows XP SP2, Windows XP Starter

Microsoft .NET Framework 3.0 es compatible con Windows Vista, Microsoft Windows XP SP2 y Windows Server 2003 SP1.

.NET Framework

Compatible con: 3.0, 2.0, 1.1, 1.0
¿Te ha resultado útil?
(Caracteres restantes: 1500)
© 2013 Microsoft. Reservados todos los derechos.