HTML <table> 要素をオンラインで作成
HTML Table ジェネレーターは、選択した行、列、ヘッダー、罫線、幅、配置の設定からテーブルのマークアップを作成します。プレビュー、HTML 出力、C# 出力は同時に更新されるため、Web ページや .NET プロジェクトへコピーする前に結果を確認できます。
Table ジェネレーターの設定
この対話型ジェネレーターでは、次の項目を設定できます。
- Rows と Cols はテーブル本体のサイズを指定し、Header row は独立した
<thead>を追加します。 - Border はテーブルの外枠とセルの罫線について、スタイル、幅、色を設定します。
- Width にはパーセントまたはピクセルを指定できます。Align はコンテナーより狭いテーブルの配置を設定します。
プレビューと2つのコードパネルは自動的に更新されます。HTML のセルには空のプレースホルダーが入り、C# のセルには行番号と列番号に基づくラベルが入ります。
C# で HTML <table> 要素を作成
上の HTML Code パネルには、現在の設定から生成されたテーブルのマークアップが表示されます。下の C# Code パネルには、 Aspose.HTML for .NET を使用する同等のプログラム処理が表示されます。
生成されたコードは、次の手順で動作します。
HTMLDocumentを作成し、Document.CreateElement()で<table>要素を作成します。ICSSStyleDeclaration.SetProperty()を使用して、選択した罫線、幅、配置を適用します。HTMLTableSectionElement.InsertRow()と対応する行操作を使用して、必要に応じてヘッダー行、本体行、セルを追加します。- テーブルをドキュメント本体へ追加し、
HTMLDocument.Save()でtable.htmlとして保存します。
最初にテーブルを設定し、更新されたコードを .NET プロジェクトへコピーしてください。
HTML Table ジェネレーターの FAQ
1. テーブル幅にはパーセントとピクセルのどちらを指定すべきですか?
親コンテナーの幅に合わせてテーブルを変化させる場合はパーセントを使用します。周囲のレイアウトに左右されない固定幅が必要な場合はピクセルを使用します。
2. テーブルの配置を変えても見た目が変わらないことがあるのはなぜですか?
左、中央、右の配置には、テーブルの周囲に空きスペースが必要です。テーブル幅がコンテナー全体を占めている場合は移動できないため、幅を小さくすると選択した配置を確認できます。
3. プレビューにテーブルの罫線が表示されないのはなぜですか?
罫線の幅が 0、またはスタイルが none や hidden の場合、罫線は表示されません。solid、dashed、dotted などの表示可能なスタイルを選び、0より大きい幅を指定してください。
4. ジェネレーターでは最大何行、何列のテーブルを作成できますか?
本体は1~100行、1~100列で生成できます。Header row を有効にすると、指定した本体行とは別にヘッダー行が追加されます。
5. 生成したテーブルを既存の HTML ドキュメントへ追加できますか?
はい。引数のない HTMLDocument コンストラクターを new HTMLDocument("input.html") に置き換え、生成したテーブルをドキュメント本体または選択した要素へ追加して、変更後のドキュメントを別のファイルへ保存します。
Aspose.HTML for .NET のインストール
.NET CLI を使用して、NuGet から Aspose.HTML for .NET をインストールします。
dotnet add package Aspose.HTML
NuGet パッケージ マネージャーの UI を使用するか、パッケージ マネージャー コンソールで Install-Package Aspose.HTML を実行することもできます。セットアップの詳細は
インストール ガイド
を参照してください。評価制限なしで API を試すには、
一時ライセンス
を申請できます。
関連する HTML ジェネレーター
専用ジェネレーターで他の HTML 構造や要素を作成できます。