Crea una tabella HTML in Java

Le tabelle HTML visualizzano i dati in un formato griglia sulle pagine web. Una tabella organizza i dati tabulari sotto forma di righe e colonne, in cui ciascuna cella può contenere testo, immagini, collegamenti o altri elementi HTML. In questo post del blog impareremo come creare una tabella HTML in Java.

Questo articolo tratta i seguenti argomenti:

  1. API Java per creare tabelle HTML
  2. Crea una tabella HTML
  3. Crea una tabella HTML con un attributo di stile
  4. Tabella HTML con rowspan e colspan
  5. Generatore di tabelle HTML online
  6. Risorse didattiche gratuite

API Java per creare tabelle HTML

Utilizzeremo Aspose.HTML for Java per creare tabelle HTML a livello di codice. Consente agli sviluppatori di lavorare con documenti HTML nelle applicazioni Java. Consente l’analisi, il rendering, la modifica e la conversione HTML di documenti HTML in altri formati supportati.

scarica il JAR dell’API o aggiungi la seguente configurazione pom.xml in un’applicazione Java basata su 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>

Crea una tabella HTML in Java

La tabella HTML viene definita utilizzando l’estensione <table> e la sua struttura viene ulteriormente specificata utilizzando vari altri elementi, come <tr> per righe, <th> per le celle di intestazione e <td> per le celle dati.

Possiamo facilmente creare una tabella HTML seguendo i passaggi seguenti:

  1. Crea un’istanza della classe HTMLDocument.
  2. Facoltativamente, crea un elemento di stile e aggiungilo all’elemento head.
  3. Crea <table> ", "<tbody> ", "<tr> ", "<th> ", e "<td> elementi utilizzando il metodo createElement().
  4. Aggiungi elementi figlio ai rispettivi elementi genitore utilizzando il metodo appendChild().
  5. Successivamente, aggiungi il <table> elemento al ` elemento.
  6. Infine, chiama il metodo save() per salvare il documento nel percorso file indicato.

Il seguente esempio di codice mostra come creare una tabella HTML in Java.

// Preparare un percorso per il salvataggio del file modificato 
String savePath = "C:\\Files\\Table.html";

// Inizializza un documento HTML vuoto
HTMLDocument document = new HTMLDocument();

// Crea un elemento di stile e assegna i valori color border-style e border-color per l'elemento tabella
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");

// Trova l'elemento head del documento e aggiungi l'elemento style alla testa
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Dichiarare un corpo variabile che fa riferimento a<body> elemento
Element body = document.getBody();

// Specificare colonne e righe
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;

// Crea elemento tabella
Element table = document.createElement("table");

// Crea un corpo della tabella
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Crea una riga di intestazione della tabella 
if (isFirstRowHeader)
{
    Element tr = document.createElement("tr");
    tbody.appendChild(tr);

    // Crea colonne di intestazione della tabella 
   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++)
    {
        // Crea una riga della tabella 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Crea celle di intestazione della tabella
       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++)
    {
        // Crea una riga della tabella 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Crea celle di tabella
       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);
        }
    }
}

// Aggiungi la tabella al corpo
body.appendChild(table);

// Salvare il documento in un file
document.save(savePath);
Crea una tabella HTML in Java

Crea una tabella HTML in Java

Crea una tabella HTML con attributo di stile in Java

Il seguente esempio di codice mostra come creare una tabella HTML con attributi di stile in Java.

// Preparare un percorso per il salvataggio del file modificato 
String savePath = "C:\\Files\\TableWithStyle.html";

// Inizializza un documento HTML vuoto
HTMLDocument document = new HTMLDocument();

// Crea un elemento di stile e assegna i valori color border-style e border-color per l'elemento tabella
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Trova l'elemento head del documento e aggiungi l'elemento style alla testa
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Dichiarare un corpo variabile che fa riferimento a<body> elemento
Element body = document.getBody();

// Crea elemento tabella
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");

// Crea il corpo della tabella
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Crea una riga di intestazione della tabella 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Imposta l'attributo di stile con le proprietà per l'elemento selezionato               
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");

// Crea la cella di intestazione della tabella 1
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);

// Crea la cella di intestazione della tabella 2
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);

// Crea la cella di intestazione della tabella 3
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);

// Crea una riga di dati della tabella 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Crea la cella dati della tabella 1
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Crea cella dati tabella 2
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);

// Crea cella dati tabella 3
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Aggiungi la tabella al corpo
body.appendChild(table);

// Salvare il documento in un file
document.save(savePath);
Crea una tabella HTML con attributo di stile in Java

Crea una tabella HTML con attributo di stile in Java

Crea una tabella HTML con Rowspan e Colspan in Java

Il <colspan> e<rowspan> sono attributi in HTML utilizzati all’interno del file <td> e<th> elementi per controllare l’estensione di una cella su più colonne o righe in una tabella HTML. Possiamo impostare <colspan> e<rowspan> attributi per le celle della tabella utilizzando il metodo SetAttribute(nome stringa, valore stringa), come mostrato di seguito:

// Preparare un percorso per il salvataggio del file modificato 
String savePath = "C:\\Files\\ColSpanRowSpan.html";

// Inizializza un documento HTML vuoto
HTMLDocument document = new HTMLDocument();

// Crea un elemento di stile e assegna i valori color border-style e border-color per l'elemento tabella
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Trova l'elemento head del documento e aggiungi l'elemento style alla testa
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Dichiarare un corpo variabile che fa riferimento a<body> elemento
Element body = document.getBody();

// Crea elemento tabella
Element table = document.createElement("table");

// Crea il corpo della tabella
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Crea una riga di intestazione della tabella 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Crea la cella di intestazione della tabella 1
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);

// Specificare Colspan
th.setAttribute("colspan", "2");

// Crea una riga di dati della tabella 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Crea la cella di intestazione della tabella 1
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);

// Crea cella dati tabella 2
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Crea una riga di dati della tabella 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Crea cella di intestazione della tabella
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);

// Specificare Colspan
th.setAttribute("rowspan", "2");

// Crea cella dati tabella
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);

// Crea una riga di dati della tabella 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Crea cella dati tabella
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Aggiungi la tabella al corpo
body.appendChild(table);

// Salvare il documento in un file
document.save(savePath);
Crea una tabella HTML con Rowspan e Colspan in Java

Crea una tabella HTML con Rowspan e Colspan in Java

Ottieni una licenza gratuita

Per favore ottieni una licenza temporanea gratuita per provare Aspose.HTML for Java senza limitazioni di valutazione.

Generatore di tabelle HTML online

Puoi anche creare tabelle HTML online utilizzando questa app Web gratuita generatore di tabelle HTML, sviluppata utilizzando questa API.

Crea tabella HTML – Risorse didattiche

Oltre a creare tabelle HTML, scopri di più sulla creazione, manipolazione e conversione di documenti HTML ed esplora varie altre funzionalità della libreria utilizzando le risorse seguenti:

Conclusione

In questo post del blog, abbiamo imparato come creare tabelle HTML in Java. Seguendo i passaggi descritti in questo articolo, puoi sviluppare facilmente le tue soluzioni personalizzate per lavorare con le tabelle HTML. In caso di ambiguità, non esitate a contattarci sul nostro forum di supporto gratuito.

Guarda anche