Modifier le tableau HTML – C#

Comment modifier un tableau HTML à l'aide d'Aspose.HTML

Les tableaux HTML constituent un élément important pour organiser et présenter les données sur le Web. Cependant, il arrive parfois que vous deviez personnaliser et modifier les tableaux existants pour mieux répondre à vos besoins. La bibliothèque Aspose.HTML for .NET facilite ce processus, offrant un ensemble d’outils robustes pour manipuler le contenu HTML. Voyons comment modifier des tableaux HTML à l’aide de C#.

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

Modifier la structure et le style du tableau en C#

Aspose.HTML pour .NET fournit une API générique pour manipuler les documents HTML. L’exemple C# suivant montre comment rechercher un tableau dans un document HTML et le modifier en ajoutant des lignes et des cellules et en modifiant le style du tableau:

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

    // Create an instance of an HTML document
    using (var document = new HTMLDocument("document-with-tables.html"))
    {
        // Find the first <table> element
        var table = (HTMLTableElement)document.GetElementsByTagName("table").First();

        // 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 = $"Added Row: {i + 1}, Column {j + 1}";
            }
        }

        // Set the style attribute and assign the border-style, border-color, and width values for the first <table> element
        table.SetAttribute("style", "border-style:solid; border-color:rgb(255, 0, 0); width: 40%");
        
        // Save the modified document
        document.Save("document-with-edited-tables.html");
    }

Étapes pour modifier le tableau HTML

Dans l’exemple, nous ajoutons des lignes et des colonnes et appliquons un style personnalisé au premier tableau HTML du document. Pour modifier un tableau HTML, procédez comme suit:

1. Utilisez le constructeur HTMLDocument() pour initialiser un document HTML. Passez le chemin du fichier HTML source en paramètre au constructeur.
2. Utilisez la méthode GetElementsByTagName() pour rechercher le premier élément <table> dans le document HTML.
3. Utilisez les méthodes InsertRow() et InsertCell() pour ajouter des lignes et des cellules au premier tableau HTML du document.
4. Utilisez la méthode SetAttribute() de la classe Element pour définir un attribut style pour la table. L’attribut style inclut des propriétés CSS telles que border-style, border-color et width.
5. Appelez la méthode Save() pour enregistrer le document HTML modifié.

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.