在线创建 HTML <table> 元素
HTML Table 生成器根据所选的行数、列数、表头、边框、宽度和对齐方式创建 table markup。预览、HTML 输出和 C# 输出会同步更新,因此可以在将结果复制到网页或 .NET 项目之前进行检查。
HTML Table 生成器选项
交互式生成器提供以下控件:
- Rows and columns 设置 table body 的大小,Header row 添加单独的
<thead>。 - Border 控制 table 外边框和单元格网格的样式、宽度与颜色。
- Width 接受百分比或像素值,Alignment 用于定位宽度小于容器的 table。
预览和两个代码面板会自动更新。HTML 单元格使用空白占位内容,C# 单元格使用行列标签。
使用 C# 创建 HTML <table> 元素
上方 HTML Code 面板包含根据当前选项生成的 table markup。下方 C# Code 面板使用 Aspose.HTML for .NET 展示等效的编程流程。
生成的代码执行以下步骤:
- 创建
HTMLDocument,并使用Document.CreateElement()创建<table>元素。 - 通过
ICSSStyleDeclaration.SetProperty()应用所选的边框、宽度和对齐设置。 - 使用
HTMLTableSectionElement.InsertRow()及相应的 row 操作添加可选表头行、正文行和单元格。 - 将 table 添加到文档 body,并使用
HTMLDocument.Save()保存为table.html。
先配置 table,然后将更新后的代码复制到 .NET 项目中。
HTML Table 生成器常见问题
1. table 宽度应使用百分比还是像素?
当 table 需要随父容器宽度变化时使用百分比。当需要不随周围布局变化的固定宽度时使用像素。
2. 为什么更改 table 对齐方式有时没有明显效果?
左对齐、居中和右对齐利用 table 周围剩余的水平空间。如果 table 宽度填满容器,就没有可用于移动的空间。减小宽度后即可看到所选对齐方式的效果。
3. 为什么预览中看不到 table 边框?
当边框宽度为 0,或样式为 none 或 hidden 时,边框不可见。请选择 solid、dashed 或 dotted 等可见样式,并将边框宽度设置为大于零。
4. 生成器最多可以创建多大的 table?
可以生成 1 到 100 个正文行和 1 到 100 列。启用 Header row 后,生成器会在所选正文行数上方添加单独的表头行。
5. 可以将生成的 table 添加到现有 HTML 文档吗?
可以。将无参数 HTMLDocument 构造函数替换为 new HTMLDocument("input.html"),再将生成的 table 添加到文档 body 或选定元素,并把修改后的文档保存到新文件。
安装 Aspose.HTML for .NET
使用 .NET CLI 从 NuGet 安装 Aspose.HTML for .NET :
dotnet add package Aspose.HTML
您也可以使用 NuGet 包管理器界面,或在包管理器控制台中运行 Install-Package Aspose.HTML。有关配置详情,请参阅
安装指南
;如需不受评估版限制地测试 API,请申请
临时许可证
。
相关 HTML 生成器
使用专用生成器创建其他 HTML 结构和元素。