HTML-tabeller visar data i ett rutnätsformat på webbsidor. En tabell organiserar tabelldata i form av rader och kolumner, där varje cell kan innehålla text, bilder, länkar eller andra HTML-element. I det här blogginlägget kommer vi att lära oss hur man skapar en HTML-tabell i Java.
Den här artikeln tar upp följande ämnen:
- Java API för att skapa HTML-tabeller
- Skapa en HTML-tabell
- Skapa en HTML-tabell med ett stilattribut
- HTML-tabell med radspann och kolspann
- Online HTML-tabellgenerator
- Gratis läranderesurser
Java API för att skapa HTML-tabell
Vi kommer att använda Aspose.HTML för Java för att skapa HTML-tabeller programmatiskt. Det gör det möjligt för utvecklare att arbeta med HTML-dokument i Java-applikationer. Det tillåter HTML-tolkning, rendering, redigering och konvertering av HTML-dokument till andra format som stöds.
Vänligen ladda ner JAR för API eller lägg till följande pom.xml-konfiguration i en Maven-baserad Java-applikation.
<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>
Skapa HTML-tabell i Java
HTML-tabellen definieras med hjälp av <table>
element, och dess struktur specificeras ytterligare med hjälp av olika andra element, såsom <tr>
för rader, <th>
för rubrikceller och <td>
för dataceller.
Vi kan enkelt skapa en HTML-tabell genom att följa stegen nedan:
- Skapa en instans av HTMLDocument-klassen.
- Du kan eventuellt skapa ett stilelement och lägga till det i huvudelementet.
- Skapa
<table>
,<tbody>
,<tr>
,<th>
, och<td>
-element med metoden createElement(). - Lägg till underordnade element till sina överordnade element med metoden appendChild().
- Efter det lägger du till
<table>
element till<body>
element. - Till sist, anropa metoden save() för att spara dokumentet på den givna sökvägen.
Följande kodexempel visar hur man skapar en HTML-tabell i Java.
// Förbered en sökväg för att spara redigerade filer
String savePath = "C:\\Files\\Table.html";
// Initiera ett tomt HTML-dokument
HTMLDocument document = new HTMLDocument();
// Skapa ett stilelement och tilldela färggräns-stil- och kantfärgvärdena för tabellelementet
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");
// Hitta dokumenthuvudelementet och lägg till stilelement till huvudet
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);
// Deklarera en variabelkropp som refererar till<body> element
Element body = document.getBody();
// Ange kolor och rader
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;
// Skapa tabellelement
Element table = document.createElement("table");
// Skapa en tabellkropp
Element tbody = document.createElement("tbody");
table.appendChild(tbody);
// Skapa en tabellrubrikrad
if (isFirstRowHeader)
{
Element tr = document.createElement("tr");
tbody.appendChild(tr);
// Skapa tabellrubrikkolumner
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++)
{
// Skapa en tabellrad
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Skapa tabellrubrikceller
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++)
{
// Skapa en tabellrad
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Skapa tabellceller
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);
}
}
}
// Bifoga tabellen till kroppen
body.appendChild(table);
// Spara dokumentet i en fil
document.save(savePath);
Skapa HTML-tabell med stilattribut i Java
Följande kodexempel visar hur man skapar en HTML-tabell med stilattribut i Java.
// Förbered en sökväg för att spara redigerade filer
String savePath = "C:\\Files\\TableWithStyle.html";
// Initiera ett tomt HTML-dokument
HTMLDocument document = new HTMLDocument();
// Skapa ett stilelement och tilldela färggräns-stil- och kantfärgvärdena för tabellelementet
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");
// Hitta dokumenthuvudelementet och lägg till stilelement till huvudet
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);
// Deklarera en variabelkropp som refererar till<body> element
Element body = document.getBody();
// Skapa tabellelement
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");
// Skapa tabellkropp
Element tbody = document.createElement("tbody");
table.appendChild(tbody);
// Skapa tabellrubrikrad
Element tr = document.createElement("tr");
tbody.appendChild(tr);
// Ställ in stilattribut med egenskaper för det valda elementet
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");
// Skapa tabellrubrik cell 1
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);
// Skapa tabellrubrik cell 2
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);
// Skapa tabellrubrik cell 3
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);
// Skapa tabelldatarad
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Skapa tabelldatacell 1
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);
// Skapa tabelldatacell 2
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);
// Skapa tabelldatacell 3
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);
// Bifoga tabellen till kroppen
body.appendChild(table);
// Spara dokumentet i en fil
document.save(savePath);
Skapa HTML-tabell med Rowspan och Colspan i Java
Den <colspan>
och <rowspan>
är attribut i HTML som används inom <td>
och <th>
-element för att styra intervallet för en cell över flera kolumner eller rader i en HTML-tabell. Vi kan ställa in <colspan>
och <rowspan>
attribut för tabellceller med metoden SetAttribute(strängnamn, strängvärde), som visas nedan:
// Förbered en sökväg för att spara redigerade filer
String savePath = "C:\\Files\\ColSpanRowSpan.html";
// Initiera ett tomt HTML-dokument
HTMLDocument document = new HTMLDocument();
// Skapa ett stilelement och tilldela färggräns-stil- och kantfärgvärdena för tabellelementet
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");
// Hitta dokumenthuvudelementet och lägg till stilelement till huvudet
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);
// Deklarera en variabelkropp som refererar till<body> element
Element body = document.getBody();
// Skapa tabellelement
Element table = document.createElement("table");
// Skapa tabellkropp
Element tbody = document.createElement("tbody");
table.appendChild(tbody);
// Skapa tabellrubrikrad
Element tr = document.createElement("tr");
tbody.appendChild(tr);
// Skapa tabellrubrik cell 1
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);
// Ange Colspan
th.setAttribute("colspan", "2");
// Skapa tabelldatarad
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Skapa tabellrubrik cell 1
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);
// Skapa tabelldatacell 2
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);
// Skapa tabelldatarad
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Skapa tabellhuvudcell
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);
// Ange Colspan
th.setAttribute("rowspan", "2");
// Skapa tabelldatacell
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);
// Skapa tabelldatarad
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);
// Skapa tabelldatacell
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);
// Bifoga tabellen till kroppen
body.appendChild(table);
// Spara dokumentet i en fil
document.save(savePath);
Skaffa en gratis licens
Vänligen skaffa en gratis tillfällig licens för att prova Aspose.HTML för Java utan utvärderingsbegränsningar.
HTML-tabellgenerator online
Du kan också skapa HTML-tabeller online med denna gratis webbapp HTML table generator, som är utvecklad med detta API.
Skapa HTML-tabell – Lärresurser
Förutom att skapa HTML-tabeller kan du lära dig mer om att skapa, manipulera och konvertera HTML-dokument och utforska olika andra funktioner i biblioteket med hjälp av resurserna nedan:
Slutsats
I det här blogginlägget har vi lärt oss hur man skapar HTML-tabeller i Java. Genom att följa stegen som beskrivs i den här artikeln kan du enkelt utveckla dina egna anpassade lösningar för att arbeta med HTML-tabeller. I händelse av oklarheter är du välkommen att kontakta oss på vårt gratis supportforum.