HTML-Tabelle erstellen – C#

So erstellen Sie eine HTML-Tabelle mit C#

Tabellen spielen eine wichtige Rolle bei der effektiven Informationsvermittlung. Daher ist das Hinzufügen von Tabellen zu HTML-Dokumenten ein kritischer Aspekt und eine häufige Anforderung in der Webentwicklung. Aspose.HTML for .NET bietet Entwicklern eine robuste Lösung zum Verwalten von Tabellen in HTML-Dokumenten. Sie können eine HTML-Tabelle erstellen, die Tabelle bearbeiten, sie hinzufügen, entfernen oder aus HTML-Dokumenten extrahieren. Sehen wir uns an, wie man mit Aspose.HTML for .NET mit HTML-Tabellen arbeitet:

Stellen Sie zunächst sicher, dass Aspose.HTML for .NET in Ihrem Projekt installiert ist. Der Installationsprozess dieser Bibliothek ist relativ einfach. Sie können es über die NuGet Package Manager-Konsole mit dem folgenden Befehl installieren:

Install-Package Aspose.HTML

HTML-<table>-Element

HTML-Tabellen werden verwendet, um Daten in einem strukturierten Format zu organisieren und anzuzeigen, wodurch es für Benutzer einfacher wird, Informationen zu verstehen und zu vergleichen. Bei richtiger Verwendung können HTML-Tabellen die Lesbarkeit und Zugänglichkeit von Inhalten auf einer Webseite verbessern.

Sie können Tabellen zu HTML-Dokumenten und zu Webseiten hinzufügen, indem Sie ein HTML-Element <table> verwenden. Die HTML-Tabelle besteht aus einem <table>-Element und einem oder mehreren <tr>, <th>- und <td>-Elementen, die eine Tabellenzeile, einen Tabellenkopf und eine Tabellenzelle definieren. Das Element <table> kann globale Attribute wie style, align, border, width usw. enthalten:

<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>

Tabelle mit C# zum HTML-Dokument hinzufügen

Wenn Sie eine Tabelle programmgesteuert erstellen und zu HTML hinzufügen möchten, sehen Sie sich das C#-Codebeispiel unten an. Dieser Code generiert eine HTML-Tabelle mit 3 Zeilen und 4 Spalten, füllt jede Zelle mit Inhalt, der ihre Position angibt, und fügt die Tabelle der HTML-Datei hinzu:

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");
    }

Schritte zum Erstellen einer HTML-Tabelle

In diesem Beispiel wird ein neues HTML-Tabellenelement erstellt, Attribute festgelegt und die Tabelle an das HTML-Dokument angehängt. Das Ergebnis ist ein modifiziertes HTML-Dokument mit der hinzugefügten Tabelle:

1. Laden Sie ein HTML-Dokument mit einem der Konstruktoren HTMLDocument() .
2. Erstellen Sie ein neues Tabellenelement mit der Methode CreateElement() .
3. Legen Sie Attribute für die Tabelle fest, z. B. border, align, width und style.
4. Verwenden Sie die Methoden InsertRow() und InsertCell() , um Zeilen und Zellen zu einer HTML-Tabelle hinzuzufügen.
5. Verwenden Sie die Eigenschaft TextContent der Klasse Element , um den Textinhalt der Zelle darzustellen. Der dieser Eigenschaft zugewiesene Wert wird als Inhalt der Zelle in der HTML-Tabelle angezeigt.
6. Hängen Sie das neue Tabellenelement an das HTML-Dokument an. Verwenden Sie die Methode AppendChild() der Node-Klasse, um die Tabelle am Ende der Liste der untergeordneten Elemente des Dokumentkörpers hinzuzufügen.
7. Rufen Sie die Methode Save() auf, um das geänderte HTML-Dokument mit der hinzugefügten Tabelle zu speichern.

Um mehr über die Aspose.HTML-API zu erfahren, besuchen Sie bitte unseren Dokumentation -Leitfaden. Der Dokumentationsartikel Edit HTML Document enthält grundlegende Informationen zum Lesen oder Bearbeiten des Dokumentobjektmodells mit Aspose.HTML for .NET API. Sie erfahren, wie Sie HTML-Elemente erstellen und mit ihnen arbeiten – ändern Sie das Dokument, indem Sie neue Knoten einfügen, entfernen oder den Inhalt vorhandener Knoten bearbeiten.

HTML-Tabellengenerator – Online-App

Aspose.HTML bietet den HTML Tabellen-Generator , eine Online-Anwendung zum Erstellen von Tabellen mit anpassbaren Optionen. Es ist kostenlos und klar zu bedienen. Füllen Sie einfach alle erforderlichen Optionen aus und erhalten Sie ein Ergebnis! Der HTML-Tabellengenerator erstellt automatisch den HTML-Tabellencode. Dieses Tool wurde entwickelt, damit Sie eine erforderliche HTML-Tabelle erhalten und so schnell wie möglich online stellen können.