DevToolPal
简

JSON 转 HTML 表格

把 JSON 对象数组转换成 HTML 表格,嵌套字段展开为带点号的列名。

本地处理,不上传

选项

输入

0 字符 · 0 B

输出

0 字符 · 0 B

功能简介

本工具把 JSON 数据(通常是接口返回或导出的数据)转换成 HTML 表格:每个对象是一行,每个键是一列。嵌套对象会展开成带点号的列名,让表格保持二维结构。

使用方法

  1. 在「输入」框粘贴 JSON,上传 .json 文件,或点「示例」。
  2. 右侧实时显示表格代码;JSON 不合法时会指出位置。
  3. 只需要数据行时,关闭「包含表头行」。
  4. 复制 HTML,或下载为 .html 文件。

示例

[
  { "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
  { "name": "Bob", "address": { "city": "Beijing" } }
]

会生成包含 name、address.city、tags 三列的表格。Alice 的 tags 单元格是 admin; editor,Bob 的为空。

小贴士

  • 展示接口返回时,直接粘贴完整响应。如果是 {"items": [...]} 这样的结构,会自动取 items 作为行。
  • 想先检查或修正 JSON,可以先用 JSON 格式化工具。

常见问题

› 需要什么样的 JSON 结构?

最适合的是对象数组,每个对象一行。只有一个数组属性的对象(如 {"data": [...]})也能识别。其他值会作为单独一行。

› 嵌套的对象和数组怎么处理?

嵌套字段会变成带点号的列名,比如 address.city。简单值组成的数组用「; 」连接,对象数组会生成带下标的路径,比如 items.0.name。

› 各个对象的键不一样怎么办?

列是所有键的并集,按首次出现的顺序排列,缺少的值留空。

› 输出可以直接放到网页上吗?

可以。文本会做 HTML 转义,像 <script> 这样的值只会显示为文本。