JSON to HTML Table Generator

Generate clean, escaped HTML table markup from a JSON array of objects.

Input

Paste, type or drop a file

1

Result

Updates as you type

// Output will appear here…

About this tool

How the JSON to HTML Table works

Convert a JSON array to an HTML table with thead and tbody. Values are HTML-escaped, nested data can be flattened, and a styled full page is optional.

How to use the JSON to HTML Table

Paste a JSON array of objects.
Choose flattening and whether you want a full HTML page.
Copy or download the HTML.

JSON to HTML Table example

Input

[{"name":"Aarav","city":"Pune"},{"name":"Sara","city":"Dublin"}]

Result

<table>
  <thead>
    <tr>
      <th>name</th>
      <th>city</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Aarav</td>
      <td>Pune</td>
    </tr>
    <tr>
      <td>Sara</td>
      <td>Dublin</td>
    </tr>
  </tbody>
</table>

When to use it

Showing API data in emails, CMS pages or reports.
Building quick admin or debug pages.
Embedding data tables in documentation.

Tip: For responsive layouts, wrap the table in a container with overflow-x: auto so wide tables scroll on phones.

Semantic HTML

<table> with <thead> and <tbody>, ready for your own CSS.

Escaped values

Characters like <, > and & are escaped, so data can never inject markup.

Nested data

Flatten nested objects into columns, or show them as JSON text.

Full page option

Get a complete HTML document with simple table styles to open or email.

FAQ

Common questions

Does it add CSS?

The table markup has no styles so it fits your site. Tick "Full HTML page" for a standalone page with basic styling.

Is the output safe to embed?

Yes. Every value is HTML-escaped.

Which JSON works?

An array of objects, or an object containing one, such as an API response.

Is it private?

Yes, the HTML is generated in your browser.

Keep going

Related tools

JSON to Go Struct

JSON to Python Class

JSON to Java Class

JSON to C# Class

→