สร้างตาราง HTML ใน Java

ตาราง HTML แสดงข้อมูลในรูปแบบตารางบนหน้าเว็บ ตารางจัดระเบียบข้อมูลแบบตารางในรูปแบบของแถวและคอลัมน์ โดยแต่ละเซลล์สามารถประกอบด้วยข้อความ รูปภาพ ลิงก์ หรือองค์ประกอบ HTML อื่นๆ ในบล็อกโพสต์นี้ เราจะได้เรียนรู้วิธีสร้างตาราง HTML ใน Java

บทความนี้ครอบคลุมหัวข้อต่อไปนี้:

Java API เพื่อสร้างตาราง HTML
สร้างตาราง HTML
สร้างตาราง HTML ด้วยแอตทริบิวต์สไตล์
ตาราง HTML พร้อม rowspan และ colspan
เครื่องมือสร้างตาราง HTML ออนไลน์
แหล่งเรียนรู้ฟรี

Java API เพื่อสร้างตาราง HTML

เราจะใช้ Aspose.HTML for Java เพื่อสร้างตาราง HTML โดยทางโปรแกรม ช่วยให้นักพัฒนาสามารถทำงานกับเอกสาร HTML ในแอปพลิเคชัน Java อนุญาตให้แยกวิเคราะห์ HTML แสดงผล แก้ไขและแปลงเอกสาร HTML เป็น รูปแบบที่รองรับ อื่น ๆ

โปรด ดาวน์โหลด JAR ของ API หรือเพิ่มการกำหนดค่า pom.xml ต่อไปนี้ในแอปพลิเคชัน Java ที่ใช้ 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>

สร้างตาราง HTML ใน Java

ตาราง HTML ถูกกำหนดโดยใช้ <table> องค์ประกอบ และโครงสร้างของมันถูกระบุเพิ่มเติมโดยใช้องค์ประกอบอื่นๆ เช่น <tr> สำหรับแถว <th> สำหรับเซลล์ส่วนหัว และ <td> สำหรับเซลล์ข้อมูล

เราสามารถสร้างตาราง HTML ได้อย่างง่ายดายโดยทำตามขั้นตอนด้านล่าง:

สร้างอินสแตนซ์ของคลาส HTMLDocument
หรือสร้างองค์ประกอบสไตล์แล้วผนวกเข้ากับองค์ประกอบส่วนหัว
สร้าง <table> , <tbody> , <tr> , <th> และ <td> องค์ประกอบโดยใช้เมธอด createElement()
ผนวกองค์ประกอบลูกเข้ากับองค์ประกอบหลักโดยใช้ appendChild() วิธีการ
หลังจากนั้นให้ต่อท้าย <table> องค์ประกอบของ <body> องค์ประกอบ
สุดท้ายให้เรียกใช้เมธอด save() เพื่อบันทึกเอกสารตามเส้นทางไฟล์ที่กำหนด

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีการสร้างตาราง HTML ใน Java

// เตรียมเส้นทางสำหรับการบันทึกไฟล์ที่แก้ไข 
String savePath = "C:\\Files\\Table.html";

// เริ่มต้นเอกสาร HTML ที่ว่างเปล่า
HTMLDocument document = new HTMLDocument();

// สร้างองค์ประกอบสไตล์และกำหนดค่าสีสไตล์เส้นขอบและสีเส้นขอบสำหรับองค์ประกอบตาราง
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");

// ค้นหาองค์ประกอบส่วนหัวของเอกสารและผนวกองค์ประกอบสไตล์เข้ากับส่วนหัว
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// ประกาศเนื้อหาตัวแปรที่อ้างอิงถึง<body> องค์ประกอบ
Element body = document.getBody();

// ระบุคอลัมน์และแถว
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;

// สร้างองค์ประกอบตาราง
Element table = document.createElement("table");

// สร้างเนื้อหาของตาราง
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// สร้างแถวส่วนหัวของตาราง 
if (isFirstRowHeader)
{
    Element tr = document.createElement("tr");
    tbody.appendChild(tr);

    // สร้างคอลัมน์ส่วนหัวของตาราง 
   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++)
    {
        // สร้างแถวของตาราง 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // สร้างเซลล์ส่วนหัวของตาราง
       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++)
    {
        // สร้างแถวของตาราง 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // สร้างเซลล์ตาราง
       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);
        }
    }
}

// ผนวกตารางเข้ากับเนื้อหา
body.appendChild(table);

// บันทึกเอกสารเป็นไฟล์
document.save(savePath);

สร้างตาราง HTML ด้วยคุณสมบัติสไตล์ใน Java

เราสามารถระบุ <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.

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีสร้างตาราง HTML พร้อมแอตทริบิวต์สไตล์ใน Java

// เตรียมเส้นทางสำหรับการบันทึกไฟล์ที่แก้ไข 
String savePath = "C:\\Files\\TableWithStyle.html";

// เริ่มต้นเอกสาร HTML ที่ว่างเปล่า
HTMLDocument document = new HTMLDocument();

// สร้างองค์ประกอบสไตล์และกำหนดค่าสีสไตล์เส้นขอบและสีเส้นขอบสำหรับองค์ประกอบตาราง
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// ค้นหาองค์ประกอบส่วนหัวของเอกสารและผนวกองค์ประกอบสไตล์เข้ากับส่วนหัว
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// ประกาศเนื้อหาตัวแปรที่อ้างอิงถึง<body> องค์ประกอบ
Element body = document.getBody();

// สร้างองค์ประกอบตาราง
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");

// สร้างเนื้อหาของตาราง
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// สร้างแถวส่วนหัวของตาราง 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// ตั้งค่าแอตทริบิวต์ลักษณะที่มีคุณสมบัติสำหรับองค์ประกอบที่เลือก               
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");

// สร้างเซลล์ส่วนหัวของตาราง 1
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);

// สร้างเซลล์ส่วนหัวของตาราง 2
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);

// สร้างเซลล์ส่วนหัวของตาราง 3
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);

// สร้างแถวข้อมูลตาราง 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// สร้างเซลล์ข้อมูลตาราง 1
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// สร้างเซลล์ข้อมูลตาราง 2
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);

// สร้างเซลล์ข้อมูลตาราง 3
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// ผนวกตารางเข้ากับเนื้อหา
body.appendChild(table);

// บันทึกเอกสารเป็นไฟล์
document.save(savePath);

สร้างตาราง HTML ด้วยคุณสมบัติสไตล์ใน Java

สร้างตาราง HTML ด้วย Rowspan และ Colspan ใน Java

<colspan> และ <rowspan> เป็นแอตทริบิวต์ใน HTML ที่ใช้ภายใน <td> และ <th> องค์ประกอบเพื่อควบคุมช่วงของเซลล์ข้ามหลายคอลัมน์หรือแถวในตาราง HTML เราสามารถตั้งค่า <colspan> และ <rowspan> คุณลักษณะสำหรับเซลล์ตารางโดยใช้เมธอด SetAttribute(ชื่อสตริง, ค่าสตริง) ดังที่แสดงด้านล่าง:

// เตรียมเส้นทางสำหรับการบันทึกไฟล์ที่แก้ไข 
String savePath = "C:\\Files\\ColSpanRowSpan.html";

// เริ่มต้นเอกสาร HTML ที่ว่างเปล่า
HTMLDocument document = new HTMLDocument();

// สร้างองค์ประกอบสไตล์และกำหนดค่าสีสไตล์เส้นขอบและสีเส้นขอบสำหรับองค์ประกอบตาราง
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// ค้นหาองค์ประกอบส่วนหัวของเอกสารและผนวกองค์ประกอบสไตล์เข้ากับส่วนหัว
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// ประกาศเนื้อหาตัวแปรที่อ้างอิงถึง<body> องค์ประกอบ
Element body = document.getBody();

// สร้างองค์ประกอบตาราง
Element table = document.createElement("table");

// สร้างเนื้อหาของตาราง
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// สร้างแถวส่วนหัวของตาราง 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// สร้างเซลล์ส่วนหัวของตาราง 1
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);

// ระบุ Colspan
th.setAttribute("colspan", "2");

// สร้างแถวข้อมูลตาราง 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// สร้างเซลล์ส่วนหัวของตาราง 1
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);

// สร้างเซลล์ข้อมูลตาราง 2
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// สร้างแถวข้อมูลตาราง 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// สร้างเซลล์ส่วนหัวของตาราง
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);

// ระบุ Colspan
th.setAttribute("rowspan", "2");

// สร้างเซลล์ข้อมูลตาราง
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);

// สร้างแถวข้อมูลตาราง 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// สร้างเซลล์ข้อมูลตาราง
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// ผนวกตารางเข้ากับเนื้อหา
body.appendChild(table);

// บันทึกเอกสารเป็นไฟล์
document.save(savePath);

สร้างตาราง HTML ด้วย Rowspan และ Colspan ใน Java

รับใบอนุญาตฟรี

โปรด รับใบอนุญาตชั่วคราวฟรี เพื่อลองใช้ Aspose.HTML for Java โดยไม่มีข้อจำกัดในการประเมิน

เครื่องมือสร้างตาราง HTML ออนไลน์

คุณยังสร้างตาราง HTML ออนไลน์ได้โดยใช้เว็บแอป HTML table Generator ฟรี ซึ่งพัฒนาขึ้นโดยใช้ API นี้

สร้างตาราง HTML – ทรัพยากรการเรียนรู้

นอกเหนือจากการสร้างตาราง HTML แล้ว เรียนรู้เพิ่มเติมเกี่ยวกับการสร้าง จัดการ และแปลงเอกสาร HTML และสำรวจคุณสมบัติอื่นๆ ของไลบรารีโดยใช้ทรัพยากรด้านล่าง:

บทสรุป

ในบล็อกโพสต์นี้ เราได้เรียนรู้วิธีสร้างตาราง HTML ใน Java แล้ว ด้วยการทำตามขั้นตอนที่อธิบายไว้ในบทความนี้ คุณสามารถพัฒนาโซลูชันที่กำหนดเองสำหรับการทำงานกับตาราง HTML ได้อย่างง่ายดาย ในกรณีที่มีความคลุมเครือ โปรดติดต่อเราที่ ฟอรัมการสนับสนุนฟรี

Java API เพื่อสร้างตาราง HTML#

สร้างตาราง HTML ใน Java#

สร้างตาราง HTML ด้วยคุณสมบัติสไตล์ใน Java#

สร้างตาราง HTML ด้วย Rowspan และ Colspan ใน Java#

รับใบอนุญาตฟรี#

เครื่องมือสร้างตาราง HTML ออนไลน์#

สร้างตาราง HTML – ทรัพยากรการเรียนรู้#

บทสรุป#

ดูสิ่งนี้ด้วย#

Java API เพื่อสร้างตาราง HTML

สร้างตาราง HTML ใน Java

สร้างตาราง HTML ด้วยคุณสมบัติสไตล์ใน Java

สร้างตาราง HTML ด้วย Rowspan และ Colspan ใน Java

รับใบอนุญาตฟรี

เครื่องมือสร้างตาราง HTML ออนไลน์

สร้างตาราง HTML – ทรัพยากรการเรียนรู้

บทสรุป

ดูสิ่งนี้ด้วย