Créer un tableau HTML – C#

Comment créer un tableau HTML en utilisant C#

Les tableaux jouent un rôle important dans la communication efficace des informations. Par conséquent, l’ajout de tableaux aux documents HTML est un aspect critique et une exigence courante dans le développement Web. Aspose.HTML for .NET fournit une solution robuste permettant aux développeurs de gérer les tableaux dans les documents HTML. Vous pouvez créer un tableau HTML, modifier le tableau, l’ajouter, le supprimer ou l’extraire de documents HTML. Explorons comment travailler avec des tableaux HTML à l’aide d’Aspose.HTML pour .NET:

Tout d’abord, assurez-vous que Aspose.HTML pour .NET est installé dans votre projet. Le processus d’installation de cette bibliothèque est assez simple. Ouvrez le gestionnaire de packages NuGet, recherchez Aspose.HTML et installez. Vous pouvez également utiliser la commande suivante depuis la console Package Manager :

Install-Package Aspose.HTML

Élément HTML <table>

Les tableaux HTML sont utilisés pour organiser et afficher les données dans un format structuré, permettant ainsi aux utilisateurs de comprendre et de comparer plus facilement les informations. Lorsqu’ils sont utilisés correctement, les tableaux HTML peuvent améliorer la lisibilité et l’accessibilité du contenu d’une page Web.

Vous pouvez ajouter des tableaux aux documents HTML et aux pages Web à l’aide d’un élément HTML <table>. Le tableau HTML se compose d’un élément <table> et d’un ou plusieurs éléments <tr>, <th> et <td> qui définissent une ligne de tableau, un en-tête de tableau et une cellule de tableau. L’élément <table> peut inclure des attributs globaux tels que style, align, border, width, etc:

<table style="border: 2px #5e5e5e solid" align="center" border="2" width="50%">
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

Ajouter un tableau au document HTML à l'aide de C#

Si vous souhaitez créer et ajouter par programme un tableau au HTML, consultez l’exemple de code C# ci-dessous. Ce code génère un tableau HTML avec 3 lignes et 4 colonnes, remplit chaque cellule avec du contenu indiquant sa position et ajoute le tableau au fichier HTML:

using Aspose.Html;
using System.IO;
...

    // Create an instance of an HTML document
    using (var document = new HTMLDocument("input.html"))
    {
        var body = document.Body;

        // Create a table element
        var table = (HTMLTableElement)document.CreateElement("table");
        table.Border = "2";
        table.Align = "center";
        table.Style.Border = "2px #ff0000 dotted";
        table.SetAttribute("width", "50%");

        // Add html rows & columns
        for (int i = 0; i < 3; i++)
        {
            var row = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);
            for (int j = 0; j < 4; j++)
            {
                var cell = (HTMLTableCellElement)row.InsertCell(row.Cells.Length);
                cell.TextContent = $"Row: {i + 1}, Column {j + 1}";
            }
        }

        // Attach the table to the document body
        body.AppendChild(table);

        // Save the HTML document to a file
        document.Save("create-html-table.html");
    }

Étapes pour créer un tableau HTML

Dans cet exemple, un nouvel élément de tableau HTML est créé, les attributs sont définis et le tableau est ajouté au document HTML. Le résultat est un document HTML modifié avec le tableau ajouté:

1. Chargez un document HTML à l’aide de l’un des constructeurs HTMLDocument() .
2. Créez un nouvel élément de table à l’aide de la méthode CreateElement() .
3. Définissez les attributs du tableau, tels que border, align, width et style.
4. Utilisez les méthodes InsertRow() et InsertCell() pour ajouter des lignes et des cellules à un tableau HTML.
5. Utilisez la propriété TextContent de la classe Element pour représenter le contenu textuel de la cellule. Quelle que soit la valeur attribuée à cette propriété, elle sera affichée comme contenu de la cellule dans le tableau HTML.
6. Ajoutez le nouvel élément de tableau au document HTML. Utilisez la méthode AppendChild() de la classe Node pour ajouter le tableau à la fin de la liste des enfants du corps du document.
7. Appelez la méthode Save() pour enregistrer le document HTML modifié avec le tableau ajouté.

Pour en savoir plus sur l’API Aspose.HTML, veuillez consulter notre guide documentation . L’article de documentation Edit HTML Document vous donne des informations de base sur la façon de lire ou de modifier le modèle objet de document à l’aide d’Aspose.HTML pour l’API .NET. Vous découvrirez comment créer des éléments HTML et comment travailler avec eux : modifier le document en insérant de nouveaux nœuds, en supprimant ou en modifiant le contenu des nœuds existants.

Générateur de tableaux HTML – Application en ligne

Aspose.HTML propose le Générateur de tableaux HTML , une application en ligne permettant de créer des tableaux avec des options personnalisables. Son utilisation est gratuite et claire. Remplissez simplement toutes les options requises et obtenez un résultat ! Le générateur de tableau HTML crée automatiquement le code du tableau HTML. Cet outil a été conçu pour vous permettre d’obtenir un tableau HTML requis et de le mettre en ligne le plus rapidement possible.