Buat Tabel HTML di Java

HTML tabel menampilkan data dalam format grid pada halaman web. Tabel mengatur data tabular dalam bentuk baris dan kolom, dimana setiap sel dapat berisi teks, gambar, link, atau elemen HTML lainnya. Dalam postingan blog ini, kita akan mempelajari cara membuat tabel HTML di Java.

Artikel ini mencakup topik-topik berikut:

  1. Java API untuk membuat tabel HTML
  2. Buat tabel HTML
  3. Buat tabel HTML dengan atribut style
  4. Tabel HTML dengan rentang baris dan colspan
  5. Pembuat tabel HTML online
  6. Sumber belajar gratis

Java API untuk Membuat Tabel HTML

Kami akan menggunakan Aspose.HTML for Java untuk membuat tabel HTML secara terprogram. Ini memungkinkan pengembang untuk bekerja dengan dokumen HTML dalam aplikasi Java. Ini memungkinkan penguraian HTML, rendering, pengeditan, dan konversi dokumen HTML ke format yang didukung lainnya.

Silakan unduh JAR API atau tambahkan konfigurasi pom.xml berikut di aplikasi Java berbasis 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>

Buat Tabel HTML di Java

Tabel HTML didefinisikan menggunakan <table> elemen, dan strukturnya ditentukan lebih lanjut menggunakan berbagai elemen lain, seperti <tr> untuk baris, <th> untuk sel header, dan <td> untuk sel data.

Kita dapat dengan mudah membuat tabel HTML dengan mengikuti langkah-langkah di bawah ini:

  1. Buat sebuah instance dari kelas HTMLDocument.
  2. Secara opsional, buat elemen gaya dan tambahkan ke elemen head.
  3. Buat <table> , <tbody> , <tr> , <th> , dan <td> elemen menggunakan metode createElement().
  4. Tambahkan elemen anak ke elemen induknya menggunakan metode appendChild().
  5. Setelah itu, tambahkan <table> elemen ke <body> elemen.
  6. Terakhir, panggil metode save() untuk menyimpan dokumen di jalur file yang diberikan.

Contoh kode berikut menunjukkan cara membuat tabel HTML di Java.

// Siapkan jalur untuk menyimpan file yang diedit 
String savePath = "C:\\Files\\Table.html";

// Inisialisasi dokumen HTML kosong
HTMLDocument document = new HTMLDocument();

// Buat elemen gaya dan tetapkan nilai warna gaya batas dan warna batas untuk elemen tabel
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");

// Temukan elemen kepala dokumen dan tambahkan elemen gaya ke kepala
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Deklarasikan badan variabel yang mereferensikan<body> elemen
Element body = document.getBody();

// Tentukan kolom dan baris
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;

// Buat elemen tabel
Element table = document.createElement("table");

// Buat badan tabel
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Buat baris header tabel 
if (isFirstRowHeader)
{
    Element tr = document.createElement("tr");
    tbody.appendChild(tr);

    // Buat kolom header tabel 
   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++)
    {
        // Buat baris tabel 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Buat sel header tabel
       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++)
    {
        // Buat baris tabel 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Buat sel tabel
       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);
        }
    }
}

// Tambahkan tabel ke badan
body.appendChild(table);

// Simpan dokumen ke file
document.save(savePath);
Buat Tabel HTML di Java

Buat Tabel HTML di Java

Buat Tabel HTML Dengan Atribut Style di Java

Contoh kode berikut menunjukkan cara membuat tabel HTML dengan atribut style di Java.

// Siapkan jalur untuk menyimpan file yang diedit 
String savePath = "C:\\Files\\TableWithStyle.html";

// Inisialisasi dokumen HTML kosong
HTMLDocument document = new HTMLDocument();

// Buat elemen gaya dan tetapkan nilai warna gaya batas dan warna batas untuk elemen tabel
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Temukan elemen kepala dokumen dan tambahkan elemen gaya ke kepala
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Deklarasikan badan variabel yang mereferensikan<body> elemen
Element body = document.getBody();

// Buat elemen tabel
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");

// Buat badan tabel
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Buat baris header tabel 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Tetapkan atribut gaya dengan properti untuk elemen yang dipilih               
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");

// Buat sel header tabel 1
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);

// Buat sel header tabel 2
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);

// Membuat sel header tabel 3
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);

// Buat baris data tabel 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Buat sel data tabel 1
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Buat sel data tabel 2
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);

// Buat sel data tabel 3
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Tambahkan tabel ke badan
body.appendChild(table);

// Simpan dokumen ke file
document.save(savePath);
Buat Tabel HTML Dengan Atribut Style di Java

Buat Tabel HTML Dengan Atribut Style di Java

Buat Tabel HTML dengan Rowspan dan Colspan di Java

<colspan> dan <rowspan> adalah atribut dalam HTML yang digunakan dalam <td> dan <th> elemen untuk mengontrol rentang sel di beberapa kolom atau baris dalam tabel HTML. Kita dapat mengatur <colspan> dan <rowspan> atribut untuk sel tabel menggunakan metode SetAttribute(string name, string value), seperti yang ditunjukkan di bawah ini:

// Siapkan jalur untuk menyimpan file yang diedit 
String savePath = "C:\\Files\\ColSpanRowSpan.html";

// Inisialisasi dokumen HTML kosong
HTMLDocument document = new HTMLDocument();

// Buat elemen gaya dan tetapkan nilai warna gaya batas dan warna batas untuk elemen tabel
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Temukan elemen kepala dokumen dan tambahkan elemen gaya ke kepala
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Deklarasikan badan variabel yang mereferensikan<body> elemen
Element body = document.getBody();

// Buat elemen tabel
Element table = document.createElement("table");

// Buat badan tabel
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Buat baris header tabel 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Buat sel header tabel 1
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);

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

// Buat baris data tabel 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Buat sel header tabel 1
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);

// Buat sel data tabel 2
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Buat baris data tabel 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Buat sel header tabel
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);

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

// Buat sel data tabel
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);

// Buat baris data tabel 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Buat sel data tabel
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Tambahkan tabel ke badan
body.appendChild(table);

// Simpan dokumen ke file
document.save(savePath);
Buat Tabel HTML dengan Rowspan dan Colspan di Java

Buat Tabel HTML dengan Rowspan dan Colspan di Java

Dapatkan Lisensi Gratis

Silakan dapatkan lisensi sementara gratis untuk mencoba Aspose.HTML for Java tanpa batasan evaluasi.

Pembuat Tabel HTML Online

Anda juga dapat membuat tabel HTML online menggunakan aplikasi web generator tabel HTML gratis ini, yang dikembangkan menggunakan API ini.

Buat Tabel HTML – Sumber Belajar

Selain membuat tabel HTML, pelajari lebih lanjut tentang membuat, memanipulasi, dan mengonversi dokumen HTML, serta menjelajahi berbagai fitur perpustakaan lainnya menggunakan sumber daya di bawah ini:

Kesimpulan

Dalam postingan blog ini, kita telah mempelajari cara membuat tabel HTML di Java. Dengan mengikuti langkah-langkah yang diuraikan dalam artikel ini, Anda dapat dengan mudah mengembangkan solusi khusus Anda sendiri untuk bekerja dengan tabel HTML. Jika ada ambiguitas, jangan ragu untuk menghubungi kami di [forum dukungan gratis] kami 13.

Lihat juga