What JSON shape does this expect?

A top-level JSON array of objects, like [{"name":"Ada","age":36}, {"name":"Alan","age":41}]. Each object becomes a row and each distinct key becomes a column, so objects with missing keys still line up correctly.

No. The JSON is parsed and the HTML is built entirely in your browser with JavaScript. Nothing is sent to a server, so it is safe to paste internal or sensitive data.

How are nested objects handled?

Nested objects and arrays are JSON-stringified into the cell so no information is lost. If you need them flattened into separate columns, pre-process the data first; this tool keeps a faithful one-cell representation.

Are HTML-special characters escaped?

Yes. Values containing , & or quotes are HTML-escaped before being placed in cells, so the generated snippet is safe to embed and will not break your page markup or allow injection.

Can I style the table?

The output uses simple, semantic markup with a class you can target in CSS. There is also an option to inline minimal borders so the table looks reasonable even without a stylesheet, such as in an email.

JSON to HTML Table — Gera Tools

This tool turns a JSON array of objects into a ready-to-paste HTML table. It is handy when an API or export gives you JSON but you need a quick table for a web page, a documentation block, or an HTML email — without writing the markup by hand.

How it works

The JSON is parsed and validated to be an array of objects.
The tool collects the union of all keys across every object, in first-seen order, to form the header row. This means objects that omit a key still align — the missing cell is simply blank.
It emits a semantic <table> with a <thead> of <th> headers and a <tbody> of one <tr> per object.
Every value is HTML-escaped (<, >, &, ", '), and nested objects/arrays are JSON-stringified so nothing is dropped.

Example

Input:

[
  { "name": "Ada", "role": "Engineer" },
  { "name": "Alan", "role": "Mathematician" }
]

Produces a two-column table with name and role headers and two rows. Toggle inline borders when you need the table to look right inside an email client that strips external CSS.

Notes

Because keys are unioned across all rows, heterogeneous arrays still render cleanly. Escaping is applied to both headers and cell values, so the snippet is safe to drop straight into a page. Everything runs locally — your JSON never leaves the browser.