HTML表格生成器
为功能对比、价格展示或文档制作结构化表格。可以从空网格、七种样式预设之一或可编辑示例开始。六种输出服务于不同目标:行内 HTML、HTML + CSS、Bootstrap、Tailwind、Markdown 和 CSV。这里的预览并不能保证邮件或 CMS 的兼容性。
制作功能对比、价格表或文档表格,再为目标位置选择标记或数据格式。
编辑单元格、增删行列,或导入 CSV、TSV、竖线分隔的记录。启用表头时,第一行用作列标题,其余行为数据。
导入会保留空格及引号内的换行,并用空单元格补齐不等长的行。不支持合并单元格,也不推断数字类型。
HTML 会转义单元格标记。Markdown 转义竖线并用 <br> 表示换行;关闭表头时添加空表头。CSV 保留文本,不保留样式。行内 HTML 无法表示悬停;框架格式需要目标位置安装相应框架。
此生成器在页面内存中使用输入数据。这一源码说明不涵盖页面其他服务的请求或存储;输入敏感数据前请查看网站政策。
快捷预设
编辑表格
导入数据
选择对应分隔符。双引号可保护分隔符和换行;字面的双引号需写两次。较短的行会补空单元格。
实时预览
预览使用此表格的样式。请在目标位置另行检查窄屏、键盘操作及颜色可读性。
生成的代码
行内 HTML 样式是静态的;悬停效果需要 HTML + CSS 或相应框架。Bootstrap 和 Tailwind 需要目标位置具备其样式。Markdown/CSV 保留单元格数据,而非视觉选项。
通过一小段HTML注释帮助支持此免费工具
已复制
复制失败。请选择结果并手动复制。
热门工具
关于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 会转义字面标记。
此矩形文本表格编辑器不提供合并、排序或电子表格公式。导出格式与无障碍情况仍需在目标位置检查。
使用场景
如何使用
用加减按钮设置行列数,再输入单元格内容;某行旁的叉号可删除该行。
也可粘贴 CSV、TSV 或竖线分隔文本,选择对应导入按钮。引号字段内的字面双引号需写两次;加载示例可得到可编辑的对比表。
选择表头、条纹、边框、悬停、响应式容器和紧凑间距。调整三种颜色,或应用预设。
核对数据与预览。选择行内 HTML、HTML + CSS、Bootstrap、Tailwind、Markdown 或 CSV,并为标记输出设置来源说明。
检查可选中的结果并复制。若复制被拒绝,请手动复制已选中文本,然后在目标位置测试。
专业提示
- 如果第一行是列名,请保留表头选项。无表头的 Markdown 会添加空表头,以保留所有数据行。
- 不依赖框架而需要自定义颜色和悬停时,选择 HTML + CSS;需要传递可编辑文本而非外观时,选择 CSV。
常见问题解答
粘贴制表符分隔的单元格并选择导入 TSV,或粘贴 CSV 并选择导入 CSV。支持引号内分隔符、双写引号和引号内换行。不打开 Excel 工作簿,也不合并单元格。
目标允许表格时,可从行内 HTML 开始;过滤器和邮件客户端可能会修改它。HTML + CSS 包含表格规则,Bootstrap/Tailwind 需要相应框架。Markdown 转义竖线并使用 <br> 换行。请测试目标渲染器。