DevToolPal
简

CSV 转 HTML 表格

把 CSV 数据转换成带表头的 HTML 表格,可以直接粘贴到网页或邮件中。

本地处理,不上传

选项

输入

0 字符 · 0 B

输出

0 字符 · 0 B

功能简介

本工具把 CSV 数据转换为 HTML 表格:第一行作为表头(<thead> 里的 <th> 单元格),其余每行变成 <tbody> 里的一个 <tr>。生成的代码有缩进、没有内联样式,方便阅读、修改和设置样式。

可以用它把表格发布到网站,在博客文章或邮件简报里插入表格,或者在 HTML 文档中展示数据。

使用方法

  1. 在「输入」框粘贴 CSV,上传 .csv 文件,或点「示例」。
  2. 右侧实时显示 HTML。
  3. 如果自动识别的分隔符不对,在「分隔符」里手动选择;数据没有表头时关闭「第一行是表头」。
  4. 复制 HTML,或下载为 .html 文件。

示例

name,city
Alice,Shanghai

转换为

<table>
  <thead>
    <tr>
      <th>name</th>
      <th>city</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>Shanghai</td>
    </tr>
  </tbody>
</table>

说明

单元格数少于最宽行的行会用空单元格补齐,保证每行列数一致。

常见问题

› 生成的表格可以自定义样式吗?

可以。输出的是不带内联样式的 <table>、<thead>、<tbody>、<tr>、<th>、<td> 标签,会直接沿用你网站的 CSS。给 <table> 加一个 class 就能单独设置样式。

› CSV 没有表头怎么办?

关闭「第一行是表头」,所有行都作为数据行输出,不生成 <thead>。

› 特殊字符安全吗?

安全。<、>、& 和引号都会被转义,单元格内容只会显示为文本,不会注入 HTML。单元格内的换行会变成 <br>。

› 有大小限制吗?

1 MB 以内的输入会实时转换;更大的文件会切换为手动模式,点「运行」即可。