Ein HTML-Element <table> online erstellen
Der HTML Table-Generator erzeugt Tabellen-Markup anhand der gewählten Anzahl von Zeilen und Spalten sowie der Einstellungen für Kopfzeile, Rahmen, Breite und Ausrichtung. Vorschau, HTML-Ausgabe und C#-Ausgabe werden gemeinsam aktualisiert, sodass Sie das Ergebnis vor dem Einfügen in eine Webseite oder ein .NET-Projekt prüfen können.
Einstellungen des HTML Table-Generators
Der interaktive Generator bietet folgende Einstellungen:
- Rows und Cols bestimmen die Größe des Tabellenkörpers. Header row fügt ein separates Element
<thead>hinzu. - Style, Border und Color legen Stil, Breite und Farbe des äußeren Tabellenrahmens und des Zellrasters fest.
- Width akzeptiert Prozent- oder Pixelwerte. Align positioniert eine Tabelle, die schmaler als ihr übergeordnetes Element ist.
Die Vorschau und beide Codebereiche werden automatisch aktualisiert. HTML-Zellen enthalten leere Platzhalter, während die C#-Ausgabe Beschriftungen für Zeilen und Spalten einfügt.
Ein HTML-Element <table> in C# erstellen
Der Bereich HTML Code enthält das mit den aktuellen Einstellungen erzeugte Tabellen-Markup. Der Bereich C# Code darunter zeigt den entsprechenden programmatischen Ablauf mit Aspose.HTML for .NET .
Der erzeugte Code führt folgende Schritte aus:
- Erstellt ein
HTMLDocumentund mitDocument.CreateElement()ein Element<table>. - Wendet Rahmen, Breite und Ausrichtung mit
ICSSStyleDeclaration.SetProperty()an. - Fügt die optionale Kopfzeile, die Zeilen des Tabellenkörpers und die Zellen mit
HTMLTableSectionElement.InsertRow()und den entsprechenden Zeilenoperationen hinzu. - Fügt die Tabelle zum Dokumentkörper hinzu und speichert
table.htmlmitHTMLDocument.Save().
Konfigurieren Sie zuerst die Tabelle und kopieren Sie anschließend den aktualisierten C#-Code in Ihr .NET-Projekt.
FAQ zum HTML Table-Generator
1. Sollte ich die Tabellenbreite in Prozent oder Pixeln angeben?
Verwenden Sie Prozent, wenn sich die Tabelle an die Breite ihres übergeordneten Elements anpassen soll. Verwenden Sie Pixel, wenn eine feste Tabellenbreite benötigt wird, die sich mit dem umgebenden Layout nicht ändert.
2. Warum ist eine Änderung von Align manchmal nicht sichtbar?
Die Ausrichtung nach links, in der Mitte oder nach rechts nutzt den freien horizontalen Platz um die Tabelle. Füllt die Tabelle ihr übergeordnetes Element vollständig aus, kann sie nicht verschoben werden. Verringern Sie Width, damit die gewählte Ausrichtung sichtbar wird.
3. Warum ist der Tabellenrahmen in der Vorschau nicht sichtbar?
Der Rahmen bleibt unsichtbar, wenn Border den Wert 0 hat oder Style auf none beziehungsweise hidden steht. Wählen Sie einen sichtbaren Stil wie solid, dashed oder dotted und eine Rahmenbreite größer als null.
4. Wie groß darf eine mit dem Generator erstellte Tabelle sein?
Sie können 1 bis 100 Zeilen im Tabellenkörper und 1 bis 100 Spalten erzeugen. Ist Header row aktiviert, fügt der Generator oberhalb der gewählten Anzahl von Datenzeilen eine separate Kopfzeile ein.
5. Kann ich die erzeugte Tabelle in ein vorhandenes HTML-Dokument einfügen?
Ja. Ersetzen Sie den parameterlosen HTMLDocument-Konstruktor durch new HTMLDocument("input.html"), fügen Sie die Tabelle zum Dokumentkörper oder einem anderen ausgewählten Element hinzu und speichern Sie das geänderte Dokument in einer neuen Datei.
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.
Weitere HTML-Generatoren
Weitere HTML-Elemente und Strukturen mit spezialisierten Generatoren erstellen