JSON 转 HTML 表格

将 JSON 渲染为 HTML 表格

JSON 输入

Loading editor...

HTML 输出

Loading editor...

相关工具

常见问题

粘贴一个“对象数组”形式的 JSON,然后点击 Convert。对象的 key 会变成表头列名,每个对象对应一行。生成的 HTML 会包含规范的 <table>、<thead>、<tbody> 标签。

可以。输出使用标准表格标签,不带内联样式,你可以自由套用任意 CSS 框架或自定义样式。把 HTML 复制出去后,给表格元素加上 Tailwind、Bootstrap 或自定义 class 即可。

最理想的是 key 一致的扁平对象数组,例如:[{"name":"Alice","role":"Dev"},{"name":"Bob","role":"QA"}]。如果有嵌套对象,会在单元格里以 JSON 字符串形式展示。

可以。工具会同时显示原始 HTML 代码和渲染后的预览,左右对照,确认效果没问题再复制。