如何使用 C# 创建 HTML 表格

表格在有效传达信息方面发挥着重要作用。因此,向 HTML 文档添加表格是 Web 开发中的一个关键方面和常见要求。 Aspose.HTML for .NET 为开发人员提供了一个强大的解决方案来管理 HTML 文档中的表格。您可以创建 HTML 表、编辑表、添加、删除或从 HTML 文档中提取表。让我们探索如何使用 Aspose.HTML for .NET 来处理 HTML 表格:


首先,确保您的项目中安装了 Aspose.HTML for .NET。 这个库的安装过程非常简单。 打开 NuGet 包管理器,搜索 Aspose.HTML,然后安装。 您还可以从包管理器控制台使用以下命令:


安装 Aspose.HTML for .NET

Install-Package Aspose.HTML



HTML <table> 元素

HTML表格用于以结构化格式组织和显示数据,使用户更容易理解和比较信息。如果正确使用,HTML 表格可以提高网页内容的可读性和可访问性。

您可以使用 HTML<table>元素将表格添加到 HTML 文档和网页中。 HTML 表格由一个<table>元素和一个或多个定义表格行、表格标题和表格单元格的<tr><th><td>元素组成。 <table> 元素可以包含全局属性,例如 stylealignborderwidth 等:


HTML 表格代码

<table style="border: 2px #5e5e5e solid" align="center" border="2" width="50%">
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>



使用 C# 将表格添加到 HTML 文档

如果您想以编程方式创建表格并将其添加到 HTML,请参阅下面的 C# 代码示例。此代码生成一个 3 行 4 列的 HTML 表格,用指示其位置的内容填充每个单元格,并将表格添加到 HTML 文件中:


创建表格并将表格添加到 HTML 文档的 C# 代码

using Aspose.Html;
using System.IO;
...

    // Create an instance of an HTML document
    using (var document = new HTMLDocument("input.html"))
    {
        var body = document.Body;

        // Create a table element
        var table = (HTMLTableElement)document.CreateElement("table");
        table.Border = "2";
        table.Align = "center";
        table.Style.Border = "2px #ff0000 dotted";
        table.SetAttribute("width", "50%");

        // Add html rows & columns
        for (int i = 0; i < 3; i++)
        {
            var row = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);
            for (int j = 0; j < 4; j++)
            {
                var cell = (HTMLTableCellElement)row.InsertCell(row.Cells.Length);
                cell.TextContent = $"Row: {i + 1}, Column {j + 1}";
            }
        }

        // Attach the table to the document body
        body.AppendChild(table);

        // Save the HTML document to a file
        document.Save("create-html-table.html");
    }



创建 HTML 表格的步骤

在此示例中,创建了一个新的 HTML 表元素,设置了属性,并将该表附加到 HTML 文档。结果是修改后的 HTML 文档,其中添加了表格:

  1. 使用 HTMLDocument() 构造函数之一加载 HTML 文档。
  2. 使用 CreateElement() 方法创建一个新的表元素。
  3. 设置表格的属性,如borderalignwidthstyle
  4. 使用 InsertRow()InsertCell() 方法将行和单元格添加到 HTML 表格中。
  5. 使用 Element 类的 TextContent 属性来表示单元格的文本内容。无论分配给该属性的值是什么,都将作为单元格的内容显示在 HTML 表格中。
  6. 将新的表格元素附加到 HTML 文档。使用 Node 类的 AppendChild() 方法将表添加到文档正文的子级列表的末尾。
  7. 调用 Save() 方法保存修改后的 HTML 文档以及添加的表格。

要了解有关 Aspose.HTML API 的更多信息,请访问我们的 文档 指南。 Edit HTML Document 文档文章为您提供了有关如何使用 Aspose.HTML for .NET API 读取或编辑文档对象模型的基本信息。您将探索如何创建 HTML 元素以及如何使用它们 – 通过插入新节点、删除或编辑现有节点的内容来修改文档。



HTML 表格生成器 – 在线应用程序

Aspose.HTML 提供的 HTML 表生成器 是一个在线应用程序,用于创建具有可自定义选项的表。它是免费且易于使用的。只需填写所有必填选项即可获得结果! HTML 表格生成器自动创建 HTML 表格代码。该工具旨在让您获得所需的 HTML 表格并尽快将其放到网上。