Crear tablas HTML en C#

Crear una tabla HTML con una API de .NET

Aspose.HTML for .NET proporciona clases DOM específicas para crear HTML estructurado en C#. Cree un HTMLDocument y un HTMLTableElement , inserte filas y celdas y añada la tabla terminada al documento antes de guardarlo.

Crear una tabla HTML con estilos en C#

El siguiente ejemplo crea mediante código una tabla de tres filas y dos columnas, aplica bordes y relleno de celdas con CSS y guarda el documento terminado como table.html.

using Aspose.Html;

using HTMLDocument document = new HTMLDocument();

// Create and style the table
HTMLTableElement table = (HTMLTableElement)document.CreateElement("table");
table.Style.SetProperty("border-collapse", "collapse");
table.Style.SetProperty("width", "100%");

// Add rows and cells through the table DOM API
for (int rowIndex = 0; rowIndex < 3; rowIndex++)
{
    HTMLTableRowElement row = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);

    for (int columnIndex = 0; columnIndex < 2; columnIndex++)
    {
        HTMLTableCellElement cell = (HTMLTableCellElement)row.InsertCell(row.Cells.Length);
        cell.TextContent = $"Row {rowIndex + 1}, Column {columnIndex + 1}";
        cell.Style.SetProperty("border", "1px solid #808080");
        cell.Style.SetProperty("padding", "8px");
    }
}

document.Body.AppendChild(table);
document.Save("table.html");

Pasos para crear una tabla HTML en C#

1. Cree un documento nuevo con un constructor de HTMLDocument o cargue un archivo HTML existente si necesita añadir la tabla al contenido actual.
2. Cree un elemento <table> con CreateElement() y conviértalo en HTMLTableElement.
3. Añada filas con InsertRow() y celdas de datos con InsertCell() .
4. Defina el TextContent de cada celda, aplique estilos CSS y añada la tabla terminada al cuerpo del documento.
5. Llame a Save() para escribir el resultado en table.html.

Opciones para crear tablas HTML

• Crear secciones semánticas. Utilice elementos <thead>, <tbody> y <tfoot> separados cuando los encabezados, los datos y las filas de resumen tengan funciones diferentes.
• Controlar la ubicación. Añada la tabla a document.Body o seleccione un contenedor concreto antes de insertarla en un documento existente.
• Aplicar estilos CSS. Configure bordes, espaciado, anchura, alineación, colores y diseño adaptable mediante la declaración Style o una hoja de estilos.
• Añadir identificadores y metadatos. Asigne identificadores, clases, atributos data-* y otros atributos DOM cuando la tabla deba seleccionarse o procesarse posteriormente.
• Continuar con otra operación. Consulte Editar tablas HTML para contenido existente, Extraer datos de tablas HTML para obtener valores estructurados o el Generador HTML Table para crear una tabla de forma interactiva.

Documentación sobre tablas HTML y DOM

La guía Editar un documento HTML explica el flujo DOM general para crear, insertar, modificar y eliminar elementos HTML. La referencia de la API documenta las clases específicas de tablas, secciones, filas y celdas, además de los métodos DOM utilizados para incorporarlas a un documento.

Instalar Aspose.HTML for .NET

Instale Aspose.HTML for .NET desde NuGet con la CLI de .NET:

dotnet add package Aspose.HTML

También puede usar la interfaz del Administrador de paquetes NuGet o ejecutar Install-Package Aspose.HTML en la consola del Administrador de paquetes. Consulte la guía de instalación para configurar la biblioteca o solicite una licencia temporal para evaluar la API sin limitaciones.

Preguntas frecuentes sobre la creación de tablas HTML

1. ¿Por qué los encabezados deben usar <th> en lugar de <td>?

El elemento <th> identifica una celda de encabezado, mientras que <td> representa datos normales. Las celdas de encabezado aportan una estructura más clara y permiten que los navegadores y las tecnologías de asistencia relacionen las etiquetas con sus datos.

2. ¿Puedo añadir una tabla nueva a un archivo HTML existente?

Sí. Inicialice HTMLDocument con la ruta del archivo, cree la tabla, añádala al cuerpo del documento o a otro contenedor seleccionado y guarde el resultado en un archivo HTML nuevo o existente.

3. ¿Puedo generar filas de tabla a partir de una colección de C#?

Sí. Recorra la colección, inserte un HTMLTableRowElement por cada registro y cree las celdas necesarias con sus valores. La API no exige que los datos procedan de un origen concreto.

4. ¿Debo usar los atributos HTML border, align y width?

Es preferible utilizar CSS para la presentación. Configure bordes, anchura, márgenes y alineación mediante Style o una hoja de estilos para no depender de atributos HTML de presentación obsoletos.

5. ¿Cómo hago que una celda ocupe varias filas o columnas?

Defina RowSpan o ColSpan en el HTMLTableCellElement correspondiente. Sus valores determinan cuántas filas o columnas ocupa la celda dentro de la estructura de la tabla.