Créer des tableaux HTML en C#

Créer un tableau HTML avec une API .NET

Aspose.HTML for .NET fournit des classes DOM dédiées à la création de contenu HTML structuré en C#. Créez un HTMLDocument et un HTMLTableElement , insérez les lignes et les cellules, puis ajoutez le tableau au document avant de l’enregistrer.

Créer un tableau HTML avec des styles en C#

L’exemple suivant crée par programmation un tableau de trois lignes et deux colonnes, applique des bordures et un espacement interne aux cellules avec CSS, puis enregistre le document sous 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");

Étapes pour créer un tableau HTML en C#

1. Créez un document avec un constructeur HTMLDocument ou chargez un fichier HTML existant pour y ajouter le tableau.
2. Créez un élément <table> avec CreateElement() et convertissez-le en HTMLTableElement.
3. Ajoutez des lignes avec InsertRow() et des cellules avec InsertCell() .
4. Définissez le TextContent des cellules, appliquez les styles CSS et ajoutez le tableau au corps du document.
5. Appelez Save() pour enregistrer le résultat dans table.html.

Options de création de tableaux HTML

• Créer des sections sémantiques. Utilisez <thead>, <tbody> et <tfoot> lorsque les en-têtes, les données et les lignes récapitulatives ont des rôles différents.
• Choisir l’emplacement du tableau. Ajoutez-le à document.Body ou sélectionnez un conteneur précis dans un document existant.
• Appliquer des styles CSS. Configurez bordures, espacements, largeur, alignement, couleurs et mise en page adaptative via Style ou une feuille de style.
• Ajouter des identifiants et métadonnées. Attribuez des ID, classes, attributs data-* et autres attributs DOM pour sélectionner ou traiter le tableau ultérieurement.
• Poursuivre avec une opération associée. Consultez Modifier des tableaux HTML , Extraire les données d’un tableau HTML ou le Générateur HTML Table .

Documentation sur les tableaux HTML et le DOM

Le guide Modifier un document HTML décrit la création, l’insertion, la modification et la suppression d’éléments via le DOM. La référence API présente les classes propres aux tableaux, sections, lignes et cellules ainsi que les méthodes utilisées pour les ajouter au document.

Installer Aspose.HTML for .NET

Installez Aspose.HTML for .NET depuis NuGet avec l’interface CLI .NET :

dotnet add package Aspose.HTML

Vous pouvez également utiliser l’interface du gestionnaire de packages NuGet ou exécuter Install-Package Aspose.HTML dans la console du gestionnaire de packages. Consultez le guide d’installation pour la configuration, ou demandez une licence temporaire afin d’évaluer l’API sans limitations.

Questions fréquentes sur la création de tableaux HTML

1. Pourquoi utiliser <th> plutôt que <td> pour les en-têtes?

L’élément <th> désigne une cellule d’en-tête, tandis que <td> représente une donnée ordinaire. Les cellules d’en-tête structurent le tableau et permettent aux navigateurs et technologies d’assistance d’associer les libellés aux données.

2. Puis-je ajouter un tableau à un fichier HTML existant?

Oui. Initialisez HTMLDocument avec le chemin du fichier, créez le tableau, ajoutez-le au corps du document ou à un conteneur sélectionné, puis enregistrez le résultat.

3. Puis-je générer les lignes à partir d’une collection C#?

Oui. Parcourez la collection, insérez un HTMLTableRowElement pour chaque enregistrement et créez les cellules à partir de ses valeurs. L’API n’impose aucune source de données.

4. Dois-je utiliser les attributs HTML border, align et width?

Préférez CSS pour la présentation. Définissez bordures, largeur, marges et alignement via Style ou une feuille de style afin d’éviter les attributs HTML de présentation obsolètes.

5. Comment étendre une cellule sur plusieurs lignes ou colonnes?

Définissez RowSpan ou ColSpan sur le HTMLTableCellElement concerné. La valeur indique le nombre de lignes ou de colonnes occupées.