使用 C# 创建 HTML 表格

通过 DOM API 添加表格行和单元格、应用 CSS，并保存完整的 HTML 文档。

使用 .NET API 构建 HTML 表格

Aspose.HTML for .NET 提供专用于表格的 DOM 类，可在 C# 中创建结构化 HTML。首先创建 HTMLDocument ，再创建 HTMLTableElement ，插入行和单元格，最后将完整表格添加到文档并保存。

使用 C# 创建带样式的 HTML 表格

以下示例以编程方式创建一个三行两列的表格，使用 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 样式，并将完整表格添加到文档正文。
调用 Save() 将结果写入 table.html。

HTML 表格创建选项

创建语义化表格分区。 当表头、数据和汇总行的作用不同时，分别构建 <thead>、<tbody> 和 <tfoot> 元素。
控制表格位置。 将表格添加到 document.Body，或先选择指定容器，再插入现有文档。
使用 CSS 设置样式。 通过元素的 Style 声明或样式表设置边框、间距、宽度、对齐方式、颜色和响应式布局。
添加标识符和元数据。 当表格需要在后续被选择或处理时，可分配 ID、类、data-* 属性及其他 DOM 属性。
继续相关工作流。 使用编辑 HTML 表格处理现有内容，使用提取 HTML 表格数据获取结构化值，或使用 HTML 表格生成器交互式构建表格。

HTML 表格和 DOM 文档

请参阅编辑 HTML 文档，了解创建、插入、更新和删除 HTML 元素的通用 DOM 工作流。API 参考文档介绍表格、分区、行和单元格的专用类，以及将它们添加到文档所需的 DOM 方法。

安装 Aspose.HTML for .NET

使用 .NET CLI 从 NuGet 安装 Aspose.HTML for .NET ：

dotnet add package Aspose.HTML

您也可以使用 NuGet 包管理器界面，或在包管理器控制台中运行 Install-Package Aspose.HTML。有关配置详情，请参阅安装指南；如需不受评估版限制地测试 API，请申请临时许可证。

HTML 表格创建常见问题

1. 为什么表头单元格应使用 <th> 而不是 <td>？

在 HTML 中，<th> 元素表示表头单元格，而 <td> 表示普通表格数据。表头单元格能让表格结构更清晰，并帮助浏览器和辅助技术将标签与相关数据关联起来。

2. 可以向现有 HTML 文件添加新表格吗？

可以。使用现有文件的路径初始化 HTMLDocument，创建表格，将其添加到文档正文或其他选定容器，然后将结果保存为新的或现有的 HTML 文件。

3. 可以根据 C# 集合生成表格行吗？

可以。遍历集合，为每条记录插入一个 HTMLTableRowElement，并根据记录值创建所需单元格。API 不限制数据的来源。

4. 应该使用 border、align 和 width HTML 属性吗？

应优先使用 CSS 控制外观。通过 Style 或样式表设置边框、宽度、外边距和对齐方式，使生成的表格不依赖过时的表现型 HTML 属性。

5. 如何让一个单元格跨越多行或多列？

在对应的 HTMLTableCellElement 上设置 RowSpan 或 ColSpan。这些值决定单元格在表格结构中占据的行数或列数。