JSON → HTML Table

Convert JSON array to HTML table automatically with preview

Convert a JSON array of objects into an HTML table. Each object becomes a row, and keys become column headers. Get both HTML code and a live preview.

Code

<table border="1" cellpadding="8" cellspacing="0">
  <thead>
    <tr>
    <th>name</th>
    <th>age</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td>Alice</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Bob</td>
    <td>25</td>
  </tr>
  </tbody>
</table>

Preview

name	age
Alice	30
Bob	25

How to use

Paste a JSON array of objects into the input area.
The tool uses the first object's keys as column headers and each element as a row.
View the generated HTML code and copy it with the copy button.
Check the live preview below the code to confirm the table looks correct.

Examples

Pasting [{"name":"Alice","age":30},{"name":"Bob","age":25}] generates a two-row table with name and age columns.
The output HTML uses a border-1 table tag with thead/tbody, and all cell values are HTML-escaped.

Verify outputs before using in production. No warranty — see Terms.