Erstellen Sie eine HTML-Tabelle in Java

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:

  1. Java-API zum Erstellen von HTML-Tabellen
  2. Eine HTML-Tabelle erstellen
  3. Erstellen Sie eine HTML-Tabelle mit einem Stilattribut
  4. HTML-Tabelle mit Rowspan und Colspan
  5. Online-HTML-Tabellengenerator
  6. 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:

  1. Erstellen Sie eine Instanz der HTMLDocument Klasse.
  2. Erstellen Sie optional ein Stilelement und hängen Sie es an das Kopfelement an.
  3. Erstellen Sie <table> , <tbody> , <tr> , <th> , und <td> Elemente mit der Methode createElement().
  4. Hängen Sie untergeordnete Elemente mit der Methode appendChild() an ihre übergeordneten Elemente an.
  5. Hängen Sie danach das an<table>-Element zum <body> Element.
  6. 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 in Java

Erstellen Sie eine HTML-Tabelle in Java

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 Style-Attribut in Java

Erstellen Sie eine HTML-Tabelle mit Style-Attribut in Java

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);
Erstellen Sie eine HTML-Tabelle mit Rowspan und Colspan in Java

Erstellen Sie eine HTML-Tabelle mit Rowspan und Colspan in Java

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.

Siehe auch