Enter a JSON array on the left to generate an HTML table.
Convert JSON to HTML Tables
Paste a JSON array of objects and the converter produces a semantic HTML table with a thead containing the union of all keys as column headers and a tbody where each array element becomes a row. A live preview renders the table in the browser alongside the HTML source, so you can see exactly what consumers will see and verify formatting before copying or downloading.
This is the tool for generating a table to drop into documentation, a status page, a README, a report email body, or a static site; for building a quick HTML view of an API response during debugging; or for producing an exportable HTML view of a CSV or spreadsheet once it has been converted to JSON. It is also useful for demos where you need to show tabular data in a browser without wiring up a framework.
Output is produced with proper HTML escaping, so characters like <, >, &, and quotes in values cannot break layout or introduce XSS vectors in whichever page you paste the result into. Nested objects inside cells are serialised as inline JSON so no data is lost, missing keys render as empty cells, and the resulting markup includes minimal inline styles that survive copy-paste into most rich-text editors and static site generators.
The conversion is entirely client-side — no upload, no server processing of what you paste.
About JSON to HTML table conversion
Converting JSON data to HTML tables is common when building reports, dashboards, or documentation. This tool generates semantic HTML with thead, tbody, and proper escaping.
- Live table preview
- Toggle between preview and HTML code
- Download as standalone HTML file
- Handles nested objects (serialized as JSON)
- Proper HTML escaping for safe output
100% client-side. Your inputs never leave your browser. Ads via AdSense (consent required).
Frequently asked questions
How do I convert JSON to an HTML table?
Paste a JSON array of objects and the tool produces a <table> with headers from the union of all keys across rows, and one <tr> per object. Nested objects are flattened with dot-notation column names (user.email), arrays of primitives are joined with commas, and arrays of objects are rendered as comma-separated summaries. The output is semantic HTML ready to paste into a page, email or documentation.
Is the JSON to HTML table converter free?
Yes, completely free, no signup, no row limit beyond browser memory. Convert as often as you need — useful for quick reports, blog post tables, dashboards, documentation. JSONCraft has a single open tier across every tool; this converter has no premium features to unlock.
Does the converter upload my JSON?
No. Parsing and HTML generation run entirely in your browser. Nothing is transmitted — relevant because the JSON often contains customer data, analytics or reports you're building internally. You can generate the HTML, review it, and paste the result wherever you need without any data reaching a server.
How does it handle objects with different keys?
The tool takes the union of all keys across all objects as column headers, so if item 1 has {a, b} and item 2 has {a, c}, the table has columns a, b, c. Missing values render as empty cells (not 'undefined' or 'null'). This is the common friendly behavior for heterogeneous API responses — it shows you both the shared and varying fields without hiding either.
Should the HTML include inline styles?
The output is semantic HTML only — <table>, <thead>, <tbody>, <tr>, <th>, <td> — with no inline styles or classes. That keeps it portable: paste into a styled page and it inherits the host CSS, paste into a plain email and it still makes sense. If you need styling, wrap the table in a class yourself or use a pre-built table CSS. Semantic first is the right default for an export tool.
By Marco B. ·