.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テーブルを作成する手順
HTMLDocumentコンストラクターで新しいドキュメントを作成します。既存コンテンツにテーブルを追加する場合はHTMLファイルを読み込みます。CreateElement()で<table>要素を作成し、HTMLTableElementにキャストします。InsertRow()で行を、InsertCell()でデータセルを追加します。- 各セルの
TextContentを設定し、CSSスタイルを適用して、テーブルをドキュメントのbodyに追加します。 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テーブルの抽出、編集、処理を行います。