Créer un tableau HTML en Java

Les tableaux HTML affichent les données sous forme de grille sur les pages Web. Un tableau organise les données tabulaires sous forme de lignes et de colonnes, où chaque cellule peut contenir du texte, des images, des liens ou d’autres éléments HTML. Dans cet article de blog, nous apprendrons comment créer un tableau HTML en Java.

Cet article couvre les sujets suivants :

  1. API Java pour créer des tableaux HTML
  2. Créer un tableau HTML
  3. Créer un tableau HTML avec un attribut de style
  4. Tableau HTML avec rowspan et colspan
  5. Générateur de tableaux HTML en ligne
  6. Ressources d’apprentissage gratuites

API Java pour créer un tableau HTML

Nous utiliserons Aspose.HTML for Java pour créer des tableaux HTML par programme. Il permet aux développeurs de travailler avec des documents HTML dans des applications Java. Il permet l’analyse HTML, le rendu, l’édition et la conversion de documents HTML vers d’autres formats pris en charge.

Veuillez télécharger le JAR de l’API ou ajouter la configuration pom.xml suivante dans une application Java basée sur Maven.

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

Créer un tableau HTML en Java

Le tableau HTML est défini à l’aide du <table> , et sa structure est spécifiée en utilisant divers autres éléments, tels que <tr> pour les lignes, <th> pour les cellules d’en-tête, et <td> pour les cellules de données.

Nous pouvons facilement créer un tableau HTML en suivant les étapes ci-dessous :

  1. Créez une instance de la classe HTMLDocument.
  2. Vous pouvez éventuellement créer un élément de style et l’ajouter à l’élément head.
  3. Créer <table> ', '<tbody> ', '<tr> ', '<th> ', et '<td> éléments utilisant la méthode createElement().
  4. Ajoutez des éléments enfants à leurs éléments parents à l’aide de la méthode appendChild().
  5. Après cela, ajoutez le <table> élément au <body> élément.
  6. Enfin, appelez la méthode save() pour enregistrer le document au chemin de fichier indiqué.

L’exemple de code suivant montre comment créer un tableau HTML en Java.

// Préparer un chemin pour l'enregistrement du fichier modifié 
String savePath = "C:\\Files\\Table.html";

// Initialiser un document HTML vide
HTMLDocument document = new HTMLDocument();

// Créez un élément de style et attribuez les valeurs de couleur border-style et border-color à l'élément de tableau.
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");

// Recherchez l'élément d'en-tête du document et ajoutez l'élément de style à l'en-tête.
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Déclarez un corps de variable qui fait référence au<body> élément
Element body = document.getBody();

// Spécifier les colonnes et les lignes
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;

// Créer un élément de tableau
Element table = document.createElement("table");

// Créer un corps de tableau
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Créer une ligne d'en-tête de tableau 
if (isFirstRowHeader)
{
    Element tr = document.createElement("tr");
    tbody.appendChild(tr);

    // Créer des colonnes d'en-tête de tableau 
   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++)
    {
        // Créer une ligne de tableau 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Créer des cellules d'en-tête de tableau
       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++)
    {
        // Créer une ligne de tableau 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Créer des cellules de tableau
       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);
        }
    }
}

// Ajouter le tableau au corps
body.appendChild(table);

// Enregistrez le document dans un fichier
document.save(savePath);
Créer un tableau HTML en Java

Créer un tableau HTML en Java

Créer un tableau HTML avec un attribut de style en Java

Nous pouvons spécifier le <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.

L’exemple de code suivant montre comment créer un tableau HTML avec des attributs de style en Java.

// Préparer un chemin pour l'enregistrement du fichier modifié 
String savePath = "C:\\Files\\TableWithStyle.html";

// Initialiser un document HTML vide
HTMLDocument document = new HTMLDocument();

// Créez un élément de style et attribuez les valeurs de couleur border-style et border-color à l'élément de tableau.
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Recherchez l'élément d'en-tête du document et ajoutez l'élément de style à l'en-tête.
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Déclarez un corps de variable qui fait référence au<body> élément
Element body = document.getBody();

// Créer un élément de tableau
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");

// Créer un corps de tableau
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Créer une ligne d'en-tête de tableau 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Définir l'attribut de style avec les propriétés de l'élément sélectionné               
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");

// Créer la cellule d'en-tête de tableau 1
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);

// Créer la cellule 2 d'en-tête de tableau
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);

// Créer la cellule 3 d'en-tête de tableau
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);

// Créer une ligne de données de table 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Créer la cellule de données du tableau 1
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Créer la cellule de données du tableau 2
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);

// Créer la cellule de données du tableau 3
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Ajouter le tableau au corps
body.appendChild(table);

// Enregistrez le document dans un fichier
document.save(savePath);
Créer un tableau HTML avec un attribut de style en Java

Créer un tableau HTML avec un attribut de style en Java

Créer un tableau HTML avec Rowspan et Colspan en Java

Le <colspan> et <rowspan> sont des attributs en HTML qui sont utilisés dans le <td> ' et '<th> éléments pour contrôler l’étendue d’une cellule sur plusieurs colonnes ou lignes dans un tableau HTML. Nous pouvons définir <colspan> ' et '<rowspan> pour les cellules du tableau à l’aide de la méthode SetAttribute(string name, string value), comme indiqué ci-dessous :

// Préparer un chemin pour l'enregistrement du fichier modifié 
String savePath = "C:\\Files\\ColSpanRowSpan.html";

// Initialiser un document HTML vide
HTMLDocument document = new HTMLDocument();

// Créez un élément de style et attribuez les valeurs de couleur border-style et border-color à l'élément de tableau.
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Recherchez l'élément d'en-tête du document et ajoutez l'élément de style à l'en-tête.
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Déclarez un corps de variable qui fait référence au<body> élément
Element body = document.getBody();

// Créer un élément de tableau
Element table = document.createElement("table");

// Créer un corps de tableau
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Créer une ligne d'en-tête de tableau 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Créer la cellule d'en-tête de tableau 1
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);

// Spécifier Colspan
th.setAttribute("colspan", "2");

// Créer une ligne de données de table 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Créer la cellule d'en-tête de tableau 1
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);

// Créer la cellule de données du tableau 2
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Créer une ligne de données de table 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Créer une cellule d'en-tête de tableau
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);

// Spécifier Colspan
th.setAttribute("rowspan", "2");

// Créer une cellule de données de tableau
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);

// Créer une ligne de données de table 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Créer une cellule de données de tableau
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Ajouter le tableau au corps
body.appendChild(table);

// Enregistrez le document dans un fichier
document.save(savePath);
Créer un tableau HTML avec Rowspan et Colspan en Java

Créer un tableau HTML avec Rowspan et Colspan en Java

Obtenez une licence gratuite

Veuillez obtenir une licence temporaire gratuite pour essayer Aspose.HTML for Java sans limitations d’évaluation.

Générateur de tableaux HTML en ligne

Vous pouvez également créer des tableaux HTML en ligne à l’aide de cette application Web gratuite Générateur de tableaux HTML, développée à l’aide de cette API.

Créer un tableau HTML – Ressources d’apprentissage

Outre la création de tableaux HTML, apprenez-en davantage sur la création, la manipulation et la conversion de documents HTML, et explorez diverses autres fonctionnalités de la bibliothèque à l’aide des ressources ci-dessous :

Conclusion

Dans cet article de blog, nous avons appris à créer des tableaux HTML en Java. En suivant les étapes décrites dans cet article, vous pouvez facilement développer vos propres solutions personnalisées pour travailler avec des tableaux HTML. En cas d’ambiguïté, n’hésitez pas à nous contacter sur notre forum d’assistance gratuit.

Voir également