Створення таблиці HTML у Java

Таблиці HTML відображають дані у форматі сітки на веб-сторінках. Таблиця організовує табличні дані у формі рядків і стовпців, де кожна клітинка може містити текст, зображення, посилання або інші елементи HTML. У цій публікації блогу ми дізнаємося, як створити таблицю HTML у Java.

Ця стаття охоплює такі теми:

  1. API Java для створення таблиць HTML
  2. Створити таблицю HTML
  3. Створіть HTML-таблицю з атрибутом style
  4. HTML-таблиця з діапазоном рядків і стовпчиком
  5. Онлайн-генератор таблиць HTML
  6. Безкоштовні навчальні ресурси

Java API для створення таблиці HTML

Ми будемо використовувати Aspose.HTML for Java для програмного створення таблиць HTML. Це дозволяє розробникам працювати з документами HTML у програмах Java. Він дозволяє аналізувати, відтворювати, редагувати та перетворювати документи 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, виконавши наведені нижче дії.

  1. Створіть екземпляр класу HTMLDocument.
  2. За бажанням створіть елемент стилю та додайте його до елемента голови.
  3. Створити <table> , <tbody> , <tr> , <th> і <td> за допомогою методу createElement().
  4. Додайте дочірні елементи до їхніх батьківських елементів за допомогою методу appendChild().
  5. Після цього додайте <table> елемент до <body> елемент.
  6. Нарешті, викличте метод 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

Створення таблиці HTML у Java

Створення 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-таблиці з атрибутом стилю в Java

Створіть HTML-таблицю з Rowspan і Colspan у Java

<colspan> і <rowspan> — це атрибути в HTML, які використовуються в <td> і <th> елементи для керування охопленням комірки між кількома стовпцями чи рядками в таблиці HTML. Ми можемо встановити <colspan> і <rowspan> для комірок таблиці за допомогою методу SetAttribute(string name, string value), як показано нижче:

// Підготуйте шлях для збереження відредагованого файлу 
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

Створіть HTML-таблицю з Rowspan і Colspan у Java

Отримайте безкоштовну ліцензію

Отримайте безкоштовну тимчасову ліцензію, щоб спробувати Aspose.HTML for Java без обмежень оцінки.

Онлайн-генератор таблиць HTML

Ви також можете створювати HTML-таблиці онлайн за допомогою цієї безкоштовної веб-програми HTML table generator, розробленої за допомогою цього API.

Створення таблиці HTML – навчальні ресурси

Окрім створення таблиць HTML, дізнайтеся більше про створення, маніпулювання та перетворення документів HTML, а також ознайомтеся з різними іншими функціями бібліотеки за допомогою наведених нижче ресурсів:

Висновок

У цій публікації блогу ми навчилися створювати HTML-таблиці в Java. Дотримуючись кроків, описаних у цій статті, ви можете легко розробити власні індивідуальні рішення для роботи з таблицями HTML. У разі будь-яких неясностей зв’яжіться з нами на нашому безкоштовному форумі підтримки.

Дивись також