SmartQueryTools

Convert JSON to HTML Table Online

Convert JSON files to an HTML table directly in your browser. Copy the markup or download a ready-to-use HTML file.

About converting JSON to HTML

JSON to HTML produces a <table> you can drop into a web page, an internal wiki, a CMS block or an email report. It is a common shortcut when an API returns data that someone wants to see in a browser without building a front end: paste the snippet into a page, open it, and the records appear as a grid.

The output is a bare fragment: a <table> element with a <thead> row of keys and a <tbody> row for each record. There is no <html> or <head> wrapper, no CSS and no JavaScript. Browsers still display it when saved as a .html file, and you can add a class attribute or a stylesheet afterwards to match your site.

Values are HTML-escaped, so a title containing <script> or an ampersand is shown as text rather than interpreted as markup. That makes it safe to publish data from a third-party API. Line breaks inside values are kept in the source but collapse to spaces when rendered. Only the first 1,000 records are included, and nested objects print as raw JSON text in the cell, so flatten or trim the JSON first.

Worked example

A small sample file, converted with the default settings.

Input (JSON)

[
  {
    "id": 4101,
    "title": "Login fails on Safari 17",
    "state": "open",
    "comments": 3,
    "created": "2026-03-02",
    "assignee": "maria"
  },
  {
    "id": 4102,
    "title": "Export slow, then times out",
    "state": "closed",
    "comments": 8,
    "created": "2026-03-03",
    "assignee": null
  },
  {
    "id": 4103,
    "title": "Add dark mode",
    "state": "open",
    "comments": 12,
    "created": "2026-03-05",
    "assignee": "dev-team"
  },
  {
    "id": 4104,
    "title": "Crash on empty file",
    "state": "closed",
    "comments": 0,
    "created": "2026-03-06",
    "assignee": "li.wei"
  }
]

Output (HTML)

<table>
<thead>
  <tr><th>id</th><th>title</th><th>state</th><th>comments</th><th>created</th><th>assignee</th></tr>
</thead>
<tbody>
  <tr><td>4101</td><td>Login fails on Safari 17</td><td>open</td><td>3</td><td>2026-03-02</td><td>maria</td></tr>
  <tr><td>4102</td><td>Export slow, then times out</td><td>closed</td><td>8</td><td>2026-03-03</td><td></td></tr>
  <tr><td>4103</td><td>Add dark mode</td><td>open</td><td>12</td><td>2026-03-05</td><td>dev-team</td></tr>
  <tr><td>4104</td><td>Crash on empty file</td><td>closed</td><td>0</td><td>2026-03-06</td><td>li.wei</td></tr>
</tbody>
</table>

What changes when you convert JSON to HTML

  • Keys become <th> cells in a single header row inside <thead>.
  • Each record becomes a <tr> of <td> cells inside <tbody>, in the original order.
  • The characters &, <, > and double quotes in values are escaped as entities.
  • null becomes an empty <td></td>, as for the assignee of issue 4102.
  • No styling is added, so the table uses the browser default look.

Your file is processed locally in your browser and is never uploaded. The free limit is 50 MB per file; larger files work if your device has the memory for them.

Frequently Asked Questions

Is the HTML safe to embed if the JSON came from users or another company?

The values are escaped, so markup inside the data is displayed as text and scripts do not run. Review the output as you would any content before publishing, but the conversion itself does not inject HTML from the data.

How do I add styling or sorting to the table?

Add a class to the <table> tag and target it in your stylesheet, or add a style attribute for a one-off page. For sorting and search, a small library such as DataTables or List.js can be attached to the table after you paste it in.

Can I paste the table into an email?

Open the downloaded .html file in a browser, select the table, copy it and paste it into Outlook or Gmail. Most email clients keep the rows and columns. Pasting the raw HTML source into an email body usually shows the tags as text instead.

What is HTML format?

HTML (HyperText Markup Language) is the markup language of the web. An HTML table can be pasted directly into a web page or opened in a browser — no CSS or JavaScript required.

Related Tools

JSON Viewer Online

View and inspect JSON files directly in your browser. Browse rows, check column names and data types — no upload required, your data stays on your device.

Validate JSON Files Online

Validate JSON file structure in your browser. Check null counts, distinct values, and data types for every column — no upload required.

Deduplicate JSON Files Online

Remove duplicate rows from JSON files instantly in your browser. No upload, no server — 100% private.

Convert JSON to CSV Online

Convert JSON files to CSV format directly in your browser. No upload required — your data never leaves your device.

Convert JSON to Parquet Online

Convert JSON files to Parquet format directly in your browser. No upload required — your data never leaves your device.

Convert JSON to Excel Online

Convert JSON files to Excel format directly in your browser. No upload required — your data never leaves your device.