📊

HTML表格生成器

为功能对比、价格展示或文档制作结构化表格。可以从空网格、七种样式预设之一或可编辑示例开始。六种输出服务于不同目标:行内 HTML、HTML + CSS、Bootstrap、Tailwind、Markdown 和 CSV。这里的预览并不能保证邮件或 CMS 的兼容性。

制作功能对比、价格表或文档表格,再为目标位置选择标记或数据格式。

编辑单元格、增删行列,或导入 CSV、TSV、竖线分隔的记录。启用表头时,第一行用作列标题,其余行为数据。

导入会保留空格及引号内的换行,并用空单元格补齐不等长的行。不支持合并单元格,也不推断数字类型。

HTML 会转义单元格标记。Markdown 转义竖线并用 <br> 表示换行;关闭表头时添加空表头。CSV 保留文本,不保留样式。行内 HTML 无法表示悬停;框架格式需要目标位置安装相应框架。

此生成器在页面内存中使用输入数据。这一源码说明不涵盖页面其他服务的请求或存储;输入敏感数据前请查看网站政策。

快捷预设

编辑表格

导入数据

选择对应分隔符。双引号可保护分隔符和换行;字面的双引号需写两次。较短的行会补空单元格。

实时预览

预览使用此表格的样式。请在目标位置另行检查窄屏、键盘操作及颜色可读性。

生成的代码

行内 HTML 样式是静态的;悬停效果需要 HTML + CSS 或相应框架。Bootstrap 和 Tailwind 需要目标位置具备其样式。Markdown/CSV 保留单元格数据,而非视觉选项。

通过一小段HTML注释帮助支持此免费工具

已复制

复制失败。请选择结果并手动复制。

嵌入此工具

请使用 1 至 4096 的整数像素尺寸。

× px (1–4096)

                        

💡 集成提示

复制嵌入代码并粘贴到您网站的HTML中。响应式版本会自动适应所有屏幕尺寸。

1 个评分
✓

热门工具

没有更多工具
探索所有工具

关于HTML表格生成器

为功能对比、价格展示或文档制作结构化表格。可以从空网格、七种样式预设之一或可编辑示例开始。六种输出服务于不同目标:行内 HTML、HTML + CSS、Bootstrap、Tailwind、Markdown 和 CSV。这里的预览并不能保证邮件或 CMS 的兼容性。

导入 A,B,下一行为 1,2:得到两列、两行。开启表头时,A/B 是标题,1/2 在每种输出中仍是数据。

在 A,B 之后,导入引号字段 a""b 和引号字段 x、换行、y:只有一条数据行,内容为 a"b 和多行的第二单元格。CSV 会重新加引号;HTML 会转义字面标记。

此矩形文本表格编辑器不提供合并、排序或电子表格公式。导出格式与无障碍情况仍需在目标位置检查。

使用场景

通过分隔文本制作比较表、价目表和文档。

如何使用

1

用加减按钮设置行列数,再输入单元格内容;某行旁的叉号可删除该行。

2

也可粘贴 CSV、TSV 或竖线分隔文本,选择对应导入按钮。引号字段内的字面双引号需写两次;加载示例可得到可编辑的对比表。

3

选择表头、条纹、边框、悬停、响应式容器和紧凑间距。调整三种颜色,或应用预设。

4

核对数据与预览。选择行内 HTML、HTML + CSS、Bootstrap、Tailwind、Markdown 或 CSV,并为标记输出设置来源说明。

5

检查可选中的结果并复制。若复制被拒绝,请手动复制已选中文本,然后在目标位置测试。

专业提示

  • 如果第一行是列名,请保留表头选项。无表头的 Markdown 会添加空表头,以保留所有数据行。
  • 不依赖框架而需要自定义颜色和悬停时,选择 HTML + CSS;需要传递可编辑文本而非外观时,选择 CSV。

常见问题解答

粘贴制表符分隔的单元格并选择导入 TSV,或粘贴 CSV 并选择导入 CSV。支持引号内分隔符、双写引号和引号内换行。不打开 Excel 工作簿,也不合并单元格。

目标允许表格时,可从行内 HTML 开始;过滤器和邮件客户端可能会修改它。HTML + CSS 包含表格规则,Bootstrap/Tailwind 需要相应框架。Markdown 转义竖线并使用 <br> 换行。请测试目标渲染器。

FreeWebTools AI