Vytvořte HTML tabulku v Javě

HTML tabulky zobrazují data na webových stránkách ve formátu mřížky. Tabulka organizuje tabulková data ve formě řádků a sloupců, kde každá buňka může obsahovat text, obrázky, odkazy nebo jiné prvky HTML. V tomto příspěvku na blogu se naučíme, jak vytvořit HTML tabulku v Javě.

Tento článek se zabývá následujícími tématy:

  1. Java API pro vytváření HTML tabulek
  2. Vytvořte tabulku HTML
  3. Vytvořte tabulku HTML s atributem stylu
  4. HTML tabulka s rowspan a colspan
  5. Online generátor HTML tabulek
  6. Bezplatné výukové zdroje

Java API pro vytvoření HTML tabulky

K programové tvorbě HTML tabulek použijeme Aspose.HTML for Java. Umožňuje vývojářům pracovat s dokumenty HTML v aplikacích Java. Umožňuje analýzu, vykreslování, úpravy a převod HTML dokumentů do jiných podporovaných formátů.

stáhněte si JAR API nebo přidejte následující konfiguraci pom.xml do Java aplikace založené na 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>

Vytvořte HTML tabulku v Javě

HTML tabulka je definována pomocí <table> prvek a jeho struktura je dále specifikována pomocí různých dalších prvků, jako je <tr> pro řádky, <th> pro buňky záhlaví a <td> pro datové buňky.

HTML tabulku můžeme snadno vytvořit podle následujících kroků:

  1. Vytvořte instanci třídy HTMLDocument.
  2. Volitelně vytvořte prvek stylu a připojte jej k prvku head.
  3. Vytvořit <table> ,<tbody> ,<tr> ,<th> , a <td> prvky pomocí metody createElement().
  4. Přidejte podřízené prvky k jejich nadřazeným prvkům pomocí metody appendChild().
  5. Poté připojte znak <table> prvek k <body> prvek.
  6. Nakonec zavolejte metodu save() pro uložení dokumentu na danou cestu k souboru.

Následující ukázka kódu ukazuje, jak vytvořit tabulku HTML v Javě.

// Připravte cestu pro uložení upraveného souboru 
String savePath = "C:\\Files\\Table.html";

// Inicializujte prázdný dokument HTML
HTMLDocument document = new HTMLDocument();

// Vytvořte prvek stylu a přiřaďte hodnoty color border-style a border-color pro prvek tabulky
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");

// Najděte prvek hlavičky dokumentu a přidejte prvek stylu k hlavičce
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Deklarujte proměnnou, která odkazuje na<body> živel
Element body = document.getBody();

// Určete sloupce a řádky
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;

// Vytvořte prvek tabulky
Element table = document.createElement("table");

// Vytvořte tělo tabulky
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Vytvořte řádek záhlaví tabulky 
if (isFirstRowHeader)
{
    Element tr = document.createElement("tr");
    tbody.appendChild(tr);

    // Vytvořte sloupce záhlaví tabulky 
   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++)
    {
        // Vytvořte řádek tabulky 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Vytvořte buňky záhlaví tabulky
       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++)
    {
        // Vytvořte řádek tabulky 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Vytvořte buňky tabulky
       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);
        }
    }
}

// Připojit tabulku k tělu
body.appendChild(table);

// Uložte dokument do souboru
document.save(savePath);
Vytvořte HTML tabulku v Javě

Vytvořte HTML tabulku v Javě

Vytvořte HTML tabulku s atributem stylu v Javě

Můžeme specifikovat <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.

Následující ukázka kódu ukazuje, jak vytvořit tabulku HTML s atributy stylu v Javě.

// Připravte cestu pro uložení upraveného souboru 
String savePath = "C:\\Files\\TableWithStyle.html";

// Inicializujte prázdný dokument HTML
HTMLDocument document = new HTMLDocument();

// Vytvořte prvek stylu a přiřaďte hodnoty color border-style a border-color pro prvek tabulky
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Najděte prvek hlavičky dokumentu a přidejte prvek stylu k hlavičce
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Deklarujte proměnnou, která odkazuje na<body> živel
Element body = document.getBody();

// Vytvořte prvek tabulky
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");

// Vytvořte tělo tabulky
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Vytvořte řádek záhlaví tabulky 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Nastavte atribut stylu s vlastnostmi pro vybraný prvek               
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");

// Vytvořte buňku záhlaví tabulky 1
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);

// Vytvořte buňku záhlaví tabulky 2
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);

// Vytvořte buňku záhlaví tabulky 3
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);

// Vytvořit řádek dat tabulky 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Vytvořte datovou buňku tabulky 1
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Vytvořte datovou buňku tabulky 2
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);

// Vytvořte datovou buňku tabulky 3
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Připojit tabulku k tělu
body.appendChild(table);

// Uložte dokument do souboru
document.save(savePath);
Vytvořte HTML tabulku s atributem stylu v Javě

Vytvořte HTML tabulku s atributem stylu v Javě

Vytvořte HTML tabulku pomocí Rowspan a Colspan v Javě

<colspan> a <rowspan> jsou atributy v HTML, které se používají v rámci <td> a <th> prvky pro ovládání rozsahu buňky přes více sloupců nebo řádků v tabulce HTML. Můžeme nastavit <colspan> a <rowspan> atributy pro buňky tabulky pomocí metody SetAttribute(název řetězce, hodnota řetězce), jak je uvedeno níže:

// Připravte cestu pro uložení upraveného souboru 
String savePath = "C:\\Files\\ColSpanRowSpan.html";

// Inicializujte prázdný dokument HTML
HTMLDocument document = new HTMLDocument();

// Vytvořte prvek stylu a přiřaďte hodnoty color border-style a border-color pro prvek tabulky
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Najděte prvek hlavičky dokumentu a přidejte prvek stylu k hlavičce
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Deklarujte proměnnou, která odkazuje na<body> živel
Element body = document.getBody();

// Vytvořte prvek tabulky
Element table = document.createElement("table");

// Vytvořte tělo tabulky
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Vytvořte řádek záhlaví tabulky 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Vytvořte buňku záhlaví tabulky 1
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);

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

// Vytvořit řádek dat tabulky 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Vytvořte buňku záhlaví tabulky 1
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);

// Vytvořte datovou buňku tabulky 2
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Vytvořit řádek dat tabulky 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Vytvořte buňku záhlaví tabulky
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);

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

// Vytvořte datovou buňku tabulky
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);

// Vytvořit řádek dat tabulky 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Vytvořte datovou buňku tabulky
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Připojit tabulku k tělu
body.appendChild(table);

// Uložte dokument do souboru
document.save(savePath);
Vytvořte HTML tabulku pomocí Rowspan a Colspan v Javě

Vytvořte HTML tabulku pomocí Rowspan a Colspan v Javě

Získejte bezplatnou licenci

Prosím získejte bezplatnou dočasnou licenci a vyzkoušejte Aspose.HTML pro Javu bez omezení hodnocení.

Online generátor tabulek HTML

Můžete také vytvářet HTML tabulky online pomocí této bezplatné webové aplikace HTML table generator, která je vyvinuta pomocí tohoto API.

Vytvořte HTML tabulku – výukové materiály

Kromě vytváření tabulek HTML se dozvíte více o vytváření, manipulaci a převodu dokumentů HTML a prozkoumejte různé další funkce knihovny pomocí zdrojů níže:

Závěr

V tomto příspěvku na blogu jsme se naučili vytvářet HTML tabulky v Javě. Podle kroků uvedených v tomto článku můžete snadno vyvinout vlastní přizpůsobená řešení pro práci s tabulkami HTML. V případě jakýchkoliv nejasností nás neváhejte kontaktovat na našem bezplatném fóru podpory.

Viz také