What input does the JSON to HTML Table converter accept?

Paste a JSON array of objects. Each object becomes a table row, and the keys of the first object become the table headers.

Can I style the output table?

Toggle 'Include styles' to add inline CSS for basic borders, padding, and font styling. Toggle it off for clean, unstyled HTML.

Is the conversion done in the browser?

Yes, entirely. No data leaves your device.

JSON to HTML Table

Convert a JSON array of objects to an HTML table instantly in your browser. Generates clean, styled or unstyled table markup. No data leaves your device.

adds inline CSS for borders and padding

JSON Input

HTML Table

Related Tools

JSON → YAML

Convert JSON to YAML format instantly. Supports nested objects, arrays, and complex structures.

YAML → JSON

Convert YAML to JSON format instantly. Supports multi-document YAML and complex configurations.

CSV → JSON

Convert CSV to JSON array instantly. Automatic header detection and type inference.

How to Use

Paste a JSON array of objects into the input panel.
Object keys become <th> header cells; values become <td> data cells.
Toggle Include Styles to add inline CSS for borders and padding.
The HTML markup appears instantly in the output panel.
Click Copy Output or Download to use the table in your project.

Generated HTML Structure

<table>
  <thead>
    <tr><th>name</th><th>age</th></tr>
  </thead>
  <tbody>
    <tr><td>Alice</td><td>30</td></tr>
  </tbody>
</table>

Tips

Enable Include Styles for a ready-to-use table without extra CSS
All values are HTML-escaped to prevent XSS when embedding in web pages
Nested objects are serialized as JSON strings inside the cell