JavaでHTMLテーブルを作成する

HTML テーブルは、Web ページ上のデータをグリッド形式で表示します。テーブルは表形式のデータを行と列の形式で編成し、各セルにはテキスト、画像、リンク、またはその他の HTML 要素を含めることができます。このブログ投稿では、Java で HTML テーブルを作成する方法を学びます。

この記事では次のトピックについて説明します。

HTML テーブルを作成する Java API
HTMLテーブルの作成
スタイル属性を使用したHTMLテーブルの作成
行スパンと列スパンを含む HTML テーブル
オンライン HTML テーブルジェネレーター
無料の学習リソース

HTMLテーブルを作成するJava API

Aspose.HTML for Java を使用して、プログラムで HTML テーブルを作成します。これにより、開発者は Java アプリケーションで HTML ドキュメントを操作できるようになります。これにより、HTML の解析、レンダリング、編集、および HTML ドキュメントの他のサポートされている形式への変換が可能になります。

API の JAR をダウンロードするか、Maven ベースの Java アプリケーションに次の pom.xml 設定を追加してください。

 <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>

JavaでHTMLテーブルを作成する

HTML テーブルはを使用して定義されます。<table> 要素であり、その構造はなどの他のさまざまな要素を使用してさらに指定されます。<tr> 行の場合、<th>ヘッダーセルの場合は、および <td> データセルの場合。

以下の手順に従って、HTML テーブルを簡単に作成できます。

HTMLDocument クラスのインスタンスを作成します。
必要に応じて、style 要素を作成し、head 要素に追加します。
を作成する<table>、<tbody> 、<tr> 、<th> 、および<td> createElement() メソッドを使用して要素を取得します。
appendChild() メソッドを使用して、子要素を親要素に追加します。
その後、を追加します<table> 要素から <body> 要素。
最後に、save() メソッドを呼び出して、指定されたファイルパスにドキュメントを保存します。

次のコードサンプルは、Java で HTML テーブルを作成する方法を示しています。

// 編集したファイルを保存するパスを用意する 
String savePath = "C:\\Files\\Table.html";

// 空の HTML ドキュメントを初期化する
HTMLDocument document = new HTMLDocument();

// style 要素を作成し、table 要素に色の border-style と border-color の値を割り当てます。
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");

// ドキュメントの head 要素を見つけて、style 要素を head に追加します。
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);

Javaでスタイル属性を使用したHTMLテーブルを作成する

次のコードサンプルは、Java でスタイル属性を持つ HTML テーブルを作成する方法を示しています。

// 編集したファイルを保存するパスを用意する 
String savePath = "C:\\Files\\TableWithStyle.html";

// 空の HTML ドキュメントを初期化する
HTMLDocument document = new HTMLDocument();

// style 要素を作成し、table 要素に色の border-style と border-color の値を割り当てます。
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// ドキュメントの head 要素を見つけて、style 要素を head に追加します。
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);

Java で Rowspan と Colspan を使用して HTML テーブルを作成する

<colspan> と <rowspan> は内で使用される HTML の属性です。<td> と <th> 要素を使用して、HTML テーブル内の複数の列または行にわたるセルの範囲を制御します。を設定できます<colspan> と <rowspan> 以下に示すように、SetAttribute(string name, string value) メソッドを使用してテーブルセルの属性を設定します。

// 編集したファイルを保存するパスを用意する 
String savePath = "C:\\Files\\ColSpanRowSpan.html";

// 空の HTML ドキュメントを初期化する
HTMLDocument document = new HTMLDocument();

// style 要素を作成し、table 要素に色の border-style と border-color の値を割り当てます。
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// ドキュメントの head 要素を見つけて、style 要素を head に追加します。
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);

// コルスパンの指定
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);

// コルスパンの指定
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);

Java で Rowspan と Colspan を使用して HTML テーブルを作成する

無料ライセンスを取得する

評価制限なしで Aspose.HTML for Java を試すには、無料の一時ライセンスを取得してください。

オンライン HTML テーブルジェネレーター

この API を使用して開発された、この無料の HTML テーブルジェネレーター Web アプリを使用して、HTML テーブルをオンラインで作成することもできます。

HTML テーブルの作成 – 学習リソース

HTML テーブルの作成に加えて、HTML ドキュメントの作成、操作、変換について詳しく学び、以下のリソースを使用してライブラリの他のさまざまな機能を調べてください。

結論

このブログ投稿では、Java で HTML テーブルを作成する方法を学びました。この記事で説明する手順に従うことで、HTML テーブルを操作するための独自のカスタマイズされたソリューションを簡単に開発できます。不明な点がある場合は、無料サポートフォーラムまでお気軽にお問い合わせください。

HTMLテーブルを作成するJava API#

JavaでHTMLテーブルを作成する#

Javaでスタイル属性を使用したHTMLテーブルを作成する#

Java で Rowspan と Colspan を使用して HTML テーブルを作成する#

無料ライセンスを取得する#

オンライン HTML テーブル ジェネレーター#

HTML テーブルの作成 – 学習リソース#

結論#

関連項目#

HTMLテーブルを作成するJava API

JavaでHTMLテーブルを作成する

Javaでスタイル属性を使用したHTMLテーブルを作成する

Java で Rowspan と Colspan を使用して HTML テーブルを作成する

無料ライセンスを取得する

オンライン HTML テーブルジェネレーター

HTML テーブルの作成 – 学習リソース

結論

関連項目