HTML-Tabellen zeigen Daten in einem Rasterformat auf Webseiten an. Eine Tabelle organisiert tabellarische Daten in Form von Zeilen und Spalten, wobei jede Zelle Text, Bilder, Links oder andere HTML-Elemente enthalten kann. In diesem Blogbeitrag erfahren Sie, wie Sie eine HTML-Tabelle in Java erstellen.
Dieser Artikel behandelt die folgenden Themen:
- Java-API zum Erstellen von HTML-Tabellen
- Eine HTML-Tabelle erstellen
- Erstellen Sie eine HTML-Tabelle mit einem Stilattribut
- HTML-Tabelle mit Rowspan und Colspan
- Online-HTML-Tabellengenerator
- Kostenlose Lernressourcen
Java-API zum Erstellen einer HTML-Tabelle
Wir werden Aspose.HTML for Java verwenden, um HTML-Tabellen programmgesteuert zu erstellen. Es ermöglicht Entwicklern die Arbeit mit HTML Dokumenten in Java-Anwendungen. Es ermöglicht das Parsen, Rendern, Bearbeiten und Konvertieren von HTML Dokumenten in andere unterstützte Formate.
Bitte laden Sie die JAR der API herunter oder fügen Sie die folgende pom.xml-Konfiguration in einer Maven-basierten Java-Anwendung hinzu.
<repositories>
<repository>
<id>snapshots</id>
<name>repo</name>
<url>http://repository.aspose.com/repo/</url>
</repository>
</repositories>
<dependencies>
<dependency>
<groupId>com.aspose</groupId>
<artifactId>aspose-html</artifactId>
<version>23.11</version>
<classifier>jdk17</classifier>
</dependency>
</dependencies>
Erstellen Sie eine HTML-Tabelle in Java
Die HTML-Tabelle wird mit dem definiert <table>
-Element, und seine Struktur wird durch verschiedene andere Elemente, wie zum Beispiel, weiter spezifiziert <tr>
für Zeilen, <th>
für Kopfzellen und <td>
für Datenzellen.
Wir können ganz einfach eine HTML-Tabelle erstellen, indem wir die folgenden Schritte ausführen:
- Erstellen Sie eine Instanz der HTMLDocument Klasse.
- Erstellen Sie optional ein Stilelement und hängen Sie es an das Kopfelement an.
- Erstellen Sie
<table>
,<tbody>
,<tr>
,<th>
, und<td>
Elemente mit der Methode createElement(). - Hängen Sie untergeordnete Elemente mit der Methode appendChild() an ihre übergeordneten Elemente an.
- Hängen Sie danach das
an<table>
-Element zum<body>
Element. - Rufen Sie abschließend die Methode save() auf, um das Dokument im angegebenen Dateipfad zu speichern.
Das folgende Codebeispiel zeigt, wie man eine HTML-Tabelle in Java erstellt.
// Bereiten Sie einen Pfad zum Speichern bearbeiteter Dateien vor
String savePath = "C:\\Files\\Table.html";
// Initialisieren Sie ein leeres HTML Dokument
HTMLDocument document = new HTMLDocument();
// Erstellen Sie ein Stilelement und weisen Sie dem Tabellenelement die Farbwerte „border-style“ und „border-color“ zu
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");
// Suchen Sie das Kopfelement des Dokuments und hängen Sie das Stilelement an den Kopf an
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);
// Deklarieren Sie einen Variablenkörper, der auf verweist<body> Element
Element body = document.getBody();
// Geben Sie Spalten und Zeilen an
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;
// Tabellenelement erstellen
Element table = document.createElement("table");
// Erstellen Sie einen Tabellenkörper
Element tbody = document.createElement("tbody");
table.appendChild(tbody);
// Erstellen Sie eine Tabellenkopfzeile
if (isFirstRowHeader)
{
Element tr = document.createElement("tr");
tbody.appendChild(tr);
// Erstellen Sie Tabellenkopfspalten
for (int j = 1; j < cols + 1; j++)
{
Element th = document.createElement("th");
Text title = document.createTextNode("Column-" + j);
th.appendChild(title);
tr.appendChild(th);
}
for (int i = 0; i < rows - 1; i++)
{
// Erstellen Sie eine Tabellenzeile
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Erstellen Sie Tabellenkopfzellen
for (int j = 1; j < cols + 1; j++)
{
Element td = document.createElement("td");
Text title = document.createTextNode("Data-" + j);
td.appendChild(title);
dataTr.appendChild(td);
}
}
}
else
{
for (int i = 0; i < rows; i++)
{
// Erstellen Sie eine Tabellenzeile
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Erstellen Sie Tabellenzellen
for (int j = 1; j < cols + 1; j++)
{
Element td = document.createElement("td");
Text title = document.createTextNode("Data-" + j);
td.appendChild(title);
dataTr.appendChild(td);
}
}
}
// Tabelle an Textkörper anhängen
body.appendChild(table);
// Speichern Sie das Dokument in einer Datei
document.save(savePath);
Erstellen Sie eine HTML-Tabelle mit Style-Attribut in Java
Wir können das angeben <style>
attributes for HTML elements using the SetAttribute(string name, string value) method. We will create an HTML table by following the steps mentioned earlier. However, we need to set the <style>
attributes using the SetAttribute(string name, string value) method. It adds a new attribute for the element or updates the value if the attribute name is already present. We can set attributes for <table>
, <tbody>
, <tr>
, <th>
, and <td>
elements.
Das folgende Codebeispiel zeigt, wie man in Java eine HTML-Tabelle mit Stilattributen erstellt.
// Bereiten Sie einen Pfad zum Speichern bearbeiteter Dateien vor
String savePath = "C:\\Files\\TableWithStyle.html";
// Initialisieren Sie ein leeres HTML Dokument
HTMLDocument document = new HTMLDocument();
// Erstellen Sie ein Stilelement und weisen Sie dem Tabellenelement die Farbwerte „border-style“ und „border-color“ zu
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");
// Suchen Sie das Kopfelement des Dokuments und hängen Sie das Stilelement an den Kopf an
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);
// Deklarieren Sie einen Variablenkörper, der auf verweist<body> Element
Element body = document.getBody();
// Tabellenelement erstellen
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");
// Tabellenkörper erstellen
Element tbody = document.createElement("tbody");
table.appendChild(tbody);
// Tabellenkopfzeile erstellen
Element tr = document.createElement("tr");
tbody.appendChild(tr);
// Legen Sie das Stilattribut mit Eigenschaften für das ausgewählte Element fest
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");
// Erstellen Sie die Tabellenkopfzelle 1
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);
// Erstellen Sie Tabellenkopfzelle 2
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);
// Erstellen Sie Tabellenkopfzelle 3
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);
// Erstellen Sie eine Tabellendatenzeile
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Erstellen Sie Tabellendatenzelle 1
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);
// Erstellen Sie Tabellendatenzelle 2
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);
// Erstellen Sie Tabellendatenzelle 3
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);
// Tabelle an Textkörper anhängen
body.appendChild(table);
// Speichern Sie das Dokument in einer Datei
document.save(savePath);
Erstellen Sie eine HTML-Tabelle mit Rowspan und Colspan in Java
Das <colspan>
und <rowspan>
sind Attribute in HTML, die innerhalb von verwendet werden <td>
und <th>
Elemente zur Steuerung der Spanne einer Zelle über mehrere Spalten oder Zeilen in einer HTML-Tabelle. Wir können setzen <colspan>
und <rowspan>
Attribute für Tabellenzellen mithilfe der SetAttribute(String-Name, String-Wert)-Methode, wie unten gezeigt:
// Bereiten Sie einen Pfad zum Speichern bearbeiteter Dateien vor
String savePath = "C:\\Files\\ColSpanRowSpan.html";
// Initialisieren Sie ein leeres HTML Dokument
HTMLDocument document = new HTMLDocument();
// Erstellen Sie ein Stilelement und weisen Sie dem Tabellenelement die Farbwerte „border-style“ und „border-color“ zu
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");
// Suchen Sie das Kopfelement des Dokuments und hängen Sie das Stilelement an den Kopf an
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);
// Deklarieren Sie einen Variablenkörper, der auf verweist<body> Element
Element body = document.getBody();
// Tabellenelement erstellen
Element table = document.createElement("table");
// Tabellenkörper erstellen
Element tbody = document.createElement("tbody");
table.appendChild(tbody);
// Tabellenkopfzeile erstellen
Element tr = document.createElement("tr");
tbody.appendChild(tr);
// Erstellen Sie die Tabellenkopfzelle 1
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);
// Geben Sie Colspan an
th.setAttribute("colspan", "2");
// Erstellen Sie eine Tabellendatenzeile
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Erstellen Sie die Tabellenkopfzelle 1
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);
// Erstellen Sie Tabellendatenzelle 2
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);
// Erstellen Sie eine Tabellendatenzeile
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Erstellen Sie eine Tabellenkopfzelle
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);
// Geben Sie Colspan an
th.setAttribute("rowspan", "2");
// Tabellendatenzelle erstellen
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);
// Erstellen Sie eine Tabellendatenzeile
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Tabellendatenzelle erstellen
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);
// Tabelle an Textkörper anhängen
body.appendChild(table);
// Speichern Sie das Dokument in einer Datei
document.save(savePath);
Holen Sie sich eine kostenlose Lizenz
Bitte besorgen Sie sich eine kostenlose temporäre Lizenz, um Aspose.HTML for Java ohne Evaluierungseinschränkungen zu testen.
HTML-Tabellengenerator online
Sie können HTML-Tabellen auch online mit dieser kostenlosen Web-App HTML-Tabellengenerator erstellen, die mit dieser API entwickelt wurde.
HTML-Tabelle erstellen – Lernressourcen
Erfahren Sie neben dem Erstellen von HTML-Tabellen mehr über das Erstellen, Bearbeiten und Konvertieren von HTML Dokumenten und erkunden Sie mithilfe der folgenden Ressourcen verschiedene andere Funktionen der Bibliothek:
Abschluss
In diesem Blogbeitrag haben wir gelernt, wie man HTML-Tabellen in Java erstellt. Wenn Sie die in diesem Artikel beschriebenen Schritte befolgen, können Sie ganz einfach Ihre eigenen maßgeschneiderten Lösungen für die Arbeit mit HTML-Tabellen entwickeln. Bei Unklarheiten können Sie uns gerne in unserem kostenlosen Support-Forum kontaktieren.