About this tool
Expects a JSON array of objects. Columns are the union of keys across all objects, in first-seen order. All values are HTML-escaped. The preview below renders the generated markup so you can check it before copying.
JSON to HTML Table
Convert an array of JSON objects into an HTML table. Runs entirely in your browser.
Preview
Link to this tool
Copy this HTML to cite this tool from your own site or article.
About JSON to HTML Table
JSON to HTML Table converts JSON object arrays into clean HTML <table> elements with styled <thead> and <tbody> tags.
How to use JSON to HTML Table
- Paste JSON array of objects into text editor.
- Set table CSS class names and border attribute preferences.
- Click Generate HTML Table.
- Copy generated HTML table markup.
Examples
Input: [{"id":1,"item":"Pen"}] Output: <table class="table"><thead><tr><th>id</th><th>item</th></tr></thead>...</table>
FAQ
Can I sanitize HTML content inside JSON values?
Yes. HTML entity encoding is applied to property values to prevent XSS injection in generated table markup.
Is the generated HTML snippet self-contained?
Yes. It generates standard <table>, <thead>, and <tbody> markup ready to paste.