.NET APIによるHTMLテーブルの作成

Aspose.HTML for .NET には、C#で構造化されたHTMLを作成するためのテーブル専用DOMクラスが用意されています。 HTMLDocument と HTMLTableElement を作成し、行とセルを挿入してから、完成したテーブルをドキュメントに追加して保存します。


C#でスタイル付きHTMLテーブルを作成

次の例では、3行2列のテーブルをプログラムで作成し、CSSの境界線とセル内の余白を適用して、完成したドキュメントをtable.htmlとして保存します。

HTMLテーブルを作成するC#コード

using Aspose.Html;

using HTMLDocument document = new HTMLDocument();

// Create and style the table
HTMLTableElement table = (HTMLTableElement)document.CreateElement("table");
table.Style.SetProperty("border-collapse", "collapse");
table.Style.SetProperty("width", "100%");

// Add rows and cells through the table DOM API
for (int rowIndex = 0; rowIndex < 3; rowIndex++)
{
    HTMLTableRowElement row = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);

    for (int columnIndex = 0; columnIndex < 2; columnIndex++)
    {
        HTMLTableCellElement cell = (HTMLTableCellElement)row.InsertCell(row.Cells.Length);
        cell.TextContent = $"Row {rowIndex + 1}, Column {columnIndex + 1}";
        cell.Style.SetProperty("border", "1px solid #808080");
        cell.Style.SetProperty("padding", "8px");
    }
}

document.Body.AppendChild(table);
document.Save("table.html");

C#でHTMLテーブルを作成する手順

  1. HTMLDocument コンストラクターで新しいドキュメントを作成します。既存コンテンツにテーブルを追加する場合はHTMLファイルを読み込みます。
  2. CreateElement() で<table>要素を作成し、HTMLTableElementにキャストします。
  3. InsertRow() で行を、 InsertCell() でデータセルを追加します。
  4. 各セルのTextContentを設定し、CSSスタイルを適用して、テーブルをドキュメントのbodyに追加します。
  5. Save() を呼び出し、結果をtable.htmlに保存します。

HTMLテーブル作成オプション

  • 意味に応じたセクションを作成できます。 ヘッダー、データ、集計行の役割が異なる場合は、<thead>、<tbody>、<tfoot>を分けて構築します。
  • 配置場所を指定できます。 document.Bodyに追加するか、既存ドキュメント内のコンテナーを選択して挿入します。
  • CSSで表示を調整できます。 Styleまたはスタイルシートで、境界線、間隔、幅、配置、色、レスポンシブレイアウトを設定します。
  • 識別子とメタデータを追加できます。 後から選択または処理できるように、ID、class、data-*属性などを設定します。
  • 関連する処理へ進めます。 既存テーブルには HTMLテーブルの編集 、構造化された値には HTMLテーブルデータの抽出 、対話形式での作成には HTML Table ジェネレーター を使用します。

HTMLテーブルとDOMのドキュメント

HTMLドキュメントの編集 では、DOMを使用したHTML要素の作成、挿入、変更、削除を説明しています。API Referenceには、テーブル、セクション、行、セルの各クラスと、ドキュメントへ追加するためのDOMメソッドが掲載されています。


Aspose.HTML for .NET のインストール

.NET CLI を使用して、NuGet から Aspose.HTML for .NET をインストールします。

dotnet add package Aspose.HTML

NuGet パッケージ マネージャーの UI を使用するか、パッケージ マネージャー コンソールで Install-Package Aspose.HTML を実行することもできます。セットアップの詳細は インストール ガイド を参照してください。評価制限なしで API を試すには、 一時ライセンス を申請できます。


HTMLテーブル作成に関するFAQ

1. テーブルの見出しに<td>ではなく<th>を使う理由は何ですか?

HTMLでは<th>が見出しセル、<td>が通常のデータセルを表します。見出しセルは構造を明確にし、ブラウザーや支援技術がラベルと対応するデータを関連付けるために役立ちます。

2. 既存のHTMLファイルに新しいテーブルを追加できますか?

はい。既存ファイルのパスでHTMLDocumentを初期化し、テーブルを作成してbodyまたは選択したコンテナーに追加し、結果をHTMLファイルへ保存します。

3. C#のコレクションからテーブル行を生成できますか?

はい。コレクションを反復し、各レコードにHTMLTableRowElementを1つ追加して、その値から必要なセルを作成します。APIは特定のデータソースを要求しません。

4. HTML属性のborder、align、widthを使用すべきですか?

表示にはCSSを使用してください。Styleまたはスタイルシートで境界線、幅、余白、配置を設定すると、古い表示用HTML属性に依存しません。

5. 1つのセルを複数の行または列にまたがらせるにはどうしますか?

対象のHTMLTableCellElementにRowSpanまたはColSpanを設定します。値によってセルが占める行数または列数が決まります。

HTMLテーブルに関連する処理

Aspose.HTML for .NETのガイドを使用して、HTMLテーブルの抽出、編集、処理を行います。