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 代码和渲染后的预览,左右对照,确认效果没问题再复制。