JSON to HTML Table Renderer

JSON to HTML Table Renderer

将JSON对象数组转换为样式化的、交互式HTML表格。粘贴您的JSON数据，即可立即看到一个带排序的列、可配置样式、嵌套对象处理和列可见性控件的渲染表格。以内联CSS、CSV或Markdown表格格式导出结果。

如何使用

将对象JSON数组粘贴到输入区域。该工具会自动检测对象中所有唯一的键并将其呈现为表格列。选择表格样式（普通、斑马纹、带边框、紧凑或深色）、配置嵌套对象的显示方式，以及切换列可见性。单击列标题进行排序。复制生成的HTML、CSV或Markdown，或下载包含内联样式的完整.html文件。

特征

• 5种表格样式 — 普通、斑马纹、带边框、紧凑和深色主题。每种都会生成自包含的内联CSS，以便表格在任何地方嵌入时都能正确显示。
• 嵌套对象处理 — 三种模式：字符串化（显示为JSON字符串）、内联展开（使用点表示法键展平，如“address.city”）或可折叠（就地展开/折叠嵌套内容）。
• 可排序的列 — 单击任何列标题可按升序或降序排序。适用于文本、数字和日期。
• 列可见性 — 为每个检测到的列自动填充复选框。隐藏或显示特定字段以自定义表格输出。
• 分页 — 超过50行的数据集自动分页，带有上一页/下一页导航和行数显示。
• 导出HTML — 复制或下载完整的、自包含的内联CSS HTML。可嵌入任何网页、电子邮件或文档。
• 导出 CSV — 正确引用的CSV输出，处理值中的逗号、引号和特殊字符。
• 导出Markdown — 纯净的Markdown表格格式，兼容GitHub、GitLab和任何Markdown渲染器。
• 示例数据 — 加载示例JSON，在粘贴您自己的数据之前即可看到该工具的实际效果。

支持的JSON格式

该工具期望一个JSON对象数组： [{"name": "Alice", "age": 30}, {"name": "Bob", "age": 25}]。对象不需要具有相同的键——某些对象中缺失的键会产生空单元格。嵌套对象和数组根据所选模式处理。原始值（字符串、数字、布尔值、null）直接显示在表格单元格中。