HTML-Tabellen in C# erstellen

HTML-Tabellen mit einer .NET-API erstellen

Aspose.HTML for .NET stellt tabellenspezifische DOM-Klassen zum Erzeugen von strukturiertem HTML in C# bereit. Erstellen Sie ein HTMLDocument und ein HTMLTableElement , fügen Sie Zeilen und Zellen ein und hängen Sie die fertige Tabelle vor dem Speichern an das Dokument an.

Formatierte HTML-Tabelle in C# erstellen

Das folgende Beispiel erstellt programmgesteuert eine Tabelle mit drei Zeilen und zwei Spalten, wendet CSS-Rahmen und Zellabstände an und speichert das fertige Dokument als 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");

Schritte zum Erstellen einer HTML-Tabelle in C#

1. Erstellen Sie mit einem HTMLDocument -Konstruktor ein neues Dokument oder laden Sie eine vorhandene HTML-Datei, wenn die Tabelle in bestehenden Inhalt eingefügt werden soll.
2. Erzeugen Sie mit CreateElement() ein <table>-Element und wandeln Sie es in HTMLTableElement um.
3. Fügen Sie mit InsertRow() Zeilen und mit InsertCell() Datenzellen hinzu.
4. Legen Sie den TextContent jeder Zelle fest, wenden Sie CSS-Stile an und hängen Sie die fertige Tabelle an den Dokumentkörper an.
5. Rufen Sie Save() auf, um das Ergebnis als table.html zu speichern.

Optionen zum Erstellen von HTML-Tabellen

• Semantische Tabellenbereiche erstellen. Verwenden Sie getrennte Elemente für <thead>, <tbody> und <tfoot>, wenn Überschriften, Daten und Summenzeilen unterschiedliche Aufgaben haben.
• Position der Tabelle bestimmen. Hängen Sie die Tabelle an document.Body an oder wählen Sie vor dem Einfügen in ein vorhandenes Dokument einen bestimmten Container aus.
• Ergebnis mit CSS gestalten. Legen Sie Rahmen, Abstände, Breiten, Ausrichtung, Farben und ein responsives Layout über die Style-Deklaration des Elements oder ein Stylesheet fest.
• Bezeichner und Metadaten hinzufügen. Weisen Sie IDs, Klassen, data-*-Attribute und weitere DOM-Attribute zu, wenn die Tabelle später ausgewählt oder verarbeitet werden soll.
• Mit einem verwandten Ablauf fortfahren. Nutzen Sie HTML-Tabelle bearbeiten für vorhandene Inhalte, HTML-Tabellendaten extrahieren für strukturierte Werte oder den HTML Table-Generator zum interaktiven Erstellen einer Tabelle.

Dokumentation zu HTML-Tabellen und DOM

Die Anleitung HTML-Dokument bearbeiten beschreibt den allgemeinen DOM-Ablauf zum Erstellen, Einfügen, Ändern und Entfernen von HTML-Elementen. Die API-Referenz dokumentiert die tabellenspezifischen Klassen für Tabellen, Bereiche, Zeilen und Zellen sowie die DOM-Methoden zum Einfügen in ein Dokument.

Aspose.HTML for .NET installieren

Installieren Sie Aspose.HTML for .NET aus NuGet mit der .NET CLI:

dotnet add package Aspose.HTML

Alternativ können Sie die Benutzeroberfläche des NuGet-Paket-Managers verwenden oder Install-Package Aspose.HTML in der Paket-Manager-Konsole ausführen. Einzelheiten zur Einrichtung finden Sie in der Installationsanleitung . Mit einer temporären Lizenz können Sie die API ohne Einschränkungen der Evaluierung testen.

Häufige Fragen zum Erstellen von HTML-Tabellen

1. Warum sollten Tabellenüberschriften <th> statt <td> verwenden?

Das Element <th> kennzeichnet eine Überschriftenzelle, während <td> gewöhnliche Tabellendaten darstellt. Überschriftenzellen geben der Tabelle eine klarere Struktur und ermöglichen Browsern und Hilfstechnologien, Beschriftungen den zugehörigen Daten zuzuordnen.

2. Kann ich eine neue Tabelle in eine vorhandene HTML-Datei einfügen?

Ja. Initialisieren Sie HTMLDocument mit dem Pfad der vorhandenen Datei, erstellen Sie die Tabelle, hängen Sie sie an den Dokumentkörper oder einen ausgewählten Container an und speichern Sie das Ergebnis in einer neuen oder vorhandenen HTML-Datei.

3. Lassen sich Tabellenzeilen aus einer C#-Sammlung erzeugen?

Ja. Durchlaufen Sie die Sammlung, fügen Sie für jeden Datensatz ein HTMLTableRowElement ein und erstellen Sie die erforderlichen Zellen aus dessen Werten. Die API schreibt keine bestimmte Datenquelle vor.

4. Sollte ich die HTML-Attribute border, align und width verwenden?

Verwenden Sie für die Darstellung vorzugsweise CSS. Legen Sie Rahmen, Breite, Außenabstände und Ausrichtung über Style oder ein Stylesheet fest, damit die Tabelle nicht von veralteten HTML-Darstellungsattributen abhängt.

5. Wie kann sich eine Zelle über mehrere Zeilen oder Spalten erstrecken?

Legen Sie RowSpan oder ColSpan für das entsprechende HTMLTableCellElement fest. Die Werte bestimmen, wie viele Zeilen oder Spalten die Zelle in der Tabellenstruktur belegt.