Json To Html Table
Free online json to html table tool, no installation required
About JSON to HTML Table
Turn an array of objects (or a single object) into a styled HTML <table> with a thead built from the union of all keys. The converter optionally emits a <style> block with green header, zebra striping, and hover effect, and renders a live preview of the generated HTML below the code output.
How to Use
1. Paste a JSON array of objects (or a single object) into the input textarea. 2. Set a Table Name (used as the CSS class; defaults to json-table). 3. Toggle Include Styles and Border Collapse. 4. Click Convert. 5. Use Copy to copy the HTML; a rendered preview appears beneath the code.
Table Generation Rules
A single object is wrapped into a one-element array. Column headers come from the union of keys across all rows, so sparse objects still produce a full column set. Null or undefined cells render as empty <td>. Object or array cell values are serialized with JSON.stringify and wrapped in <code>. The style block targets table.<class> with a #4CAF50 green header, 1px #ddd borders, 8px 12px padding, even-row #f9f9f9 striping, and #f5f5f5 row hover. When Include Styles is off, only the bare <table> markup is emitted.
▶What input shapes are accepted?
▶How are columns determined for sparse rows?
▶How are nested object or array values rendered?
▶Can I customize the table CSS class and style?
If this tool has been helpful to you, consider buying me a coffee.
Buy me a coffee